Find Your Perfect Color

Easily generate and customize Tailwind CSS compatible color palettes, preview color variations, and apply them to example components in real-time. Whether you are a designer, developer, or just someone who loves colors, this tool helps you find the perfect shade for your projects.

Generated Colors

Contrast Matrix

50
#f6f6fe
100
#d3d1f8
200
#b1acf3
300
#9187ed
400
#7363e8
500
#573ee2
600
#561ecb
700
#4b1ab1
800
#3b158c
900
#2c0f68
950
#1c0a43

Example Components

There are nine million bicycles in Beijing

Hey, how about dinner tonight?

Sounds good, do you have a place in mind?

I wanted to try out the new sushi place downtown. Should I make a reservation?

Oh yes! I love sushi!!

Create new List

You can add list items after you have created a new list.

Name

Tags

New York houses from the air in black and white photography

Visit

New York

New York houses view from the streets in black and white photography

Only 2 rooms left

The Continental

$299.00

Plate of Sushi

Plate of Sashimi

$30

Sake, Otoro and Kanpachi slices. Served with fresh daikon radish and our homemade Wasabi paste.

Image of a colorful fish against the black background

Something went wrong.

Dashboard

Total Revenue

$23,749.18

+11.4% from last month

Sales

+539

+9.7% from last month

Active Users

+201

+35 since last hour

New Registrations

+1124

+23.5% from last month

Overview

$500$1000$1500$2000$2500JanFebMarAprMayJunJulAugSepOctNovDec

Transactions

You had 74 Transactions in the past 30 days.

John Anderson

Monthly Subscription

+$29.00

Emily Roberts

Monthly Subscription Pro

+$39.50

Michael Johnson

Reimbursement

-$29.00

David Wilson

Yearly Subscription Pro

+$410.00

Jessica Thompson

Monthly Subscription

+$29.00

Sarah Miller

Yearly Subscription

+$315.00

Design System

Button contained

Button outlined

Button text

Toast Messages

Info Message

A short, optional info message

Success Message

Something was done successfully

Warning

Could have been our fault

Error Message

Oh boy this should not have happened

Input