Tailwind CSS Color Generator
Instantly create stunning color scales by entering a base color or hitting the spacebar.
UI Examples
Unlock All UI Examples
Create and combine up to 3 custom color scales and preview them instantly in over 20 UI Examples.
Start your free 3-day trial.
Hannah
Laurent
Laurent
Expenses
$ 14,919
Todo
Process clients feedback in the design proposal
Today
Design 5 alternative hero sections for the homepage
Tomorrow
Design system meeting preparation
In 2 days
Blog
Productivity Hacks for Life on the Road
Work
The Ultimate Digital Nomad Toolkit
Travel
Design in Cross-Functional Teams
Design
MacBook Pro
14 inch
14 inch
Shop now
Choose plan
Jobs
Senior Software Engineer - Laravel & MySQL
Part-time
Remote
Lead Product Designer - Figma, Shape-up
Full-time
Hybrid
Senior Frontend Developer - Vue.js in Amsterdam
Part-time
On-site
AirPods Max
Midnight
Midnight
Shop now
Thursday, May 22
Design system meeting
9 - 10 AM
Lunch
1 - 2 PM
Design review
3 - 4 PM
Get discount
on purchases
on purchases
21 Feb, 12:34
Get discount on purchases and save 20%
Travel
Food
Design
Buttons · Depth
Default
Hover
Active
Disabled
Track your
expenses
expenses
Expenses
$12,543
Jan
Feb
Mar
Apr
May
Jun
Gain
control
control
Categories
Groceries
9 transactions
Household
12 transactions
Travel
6 transactions
Other
6 transactions
Create
budgets
budgets
Hannah
Laurent
Laurent
Expenses
$ 14,919
Todo
Process clients feedback in the design proposal
Today
Design 5 alternative hero sections for the homepage
Tomorrow
Design system meeting preparation
In 2 days
Blog
Productivity Hacks for Life on the Road
Work
The Ultimate Digital Nomad Toolkit
Travel
Design in Cross-Functional Teams
Design
MacBook Pro
14 inch
14 inch
Shop now
Choose plan
Jobs
Senior Software Engineer - Laravel & MySQL
Part-time
Remote
Lead Product Designer - Figma, Shape-up
Full-time
Hybrid
Senior Frontend Developer - Vue.js in Amsterdam
Part-time
On-site
AirPods Max
Midnight
Midnight
Shop now
Thursday, May 22
Design system meeting
9 - 10 AM
Lunch
1 - 2 PM
Design review
3 - 4 PM
Get discount
on purchases
on purchases
21 Feb, 12:34
Get discount on purchases and save 20%
Travel
Food
Design
Buttons · Depth
Default
Hover
Active
Disabled
Track your
expenses
expenses
Expenses
$12,543
Jan
Feb
Mar
Apr
May
Jun
Gain
control
control
Categories
Groceries
9 transactions
Household
12 transactions
Travel
6 transactions
Other
6 transactions
Create
budgets
budgets
