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.
Contrast Matrix
There are nine million bicycles in Beijing
Pam Hudson
pam@example.com
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
Visit
New York
Only 2 rooms left
The Continental
$299.00
$30
Sake, Otoro and Kanpachi slices. Served with fresh daikon radish and our homemade Wasabi paste.
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
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
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