Tailwind Color Generator
Instantly create stunning color scales by entering a base color. Generate perfect palettes with shades from 50 to 950.
Tailwind Config
// Generate a color palette to see the configLive Preview
Buttons
Badges
Default
Light
Outline
Total Users
12,543
+12% from last month
Revenue
$45,231
+8% from last month
Projects
127
+23 from last month
Tasks Done
89%
+5% from last week
Form Elements
Ready to Get Started?
Join thousands of developers creating beautiful color palettes for their projects.
Alert
Information
This is how your color palette looks in a UI component.
Navigation
Progress & Loading
Upload Progress 75%
Loading...
Recent Activity
| User | Action | Status | Date |
|---|---|---|---|
| John Doe | Created project | Active | 2 hours ago |
| Jane Smith | Updated settings | Pending | 5 hours ago |
How It Works
Enter any hex color and we'll automatically generate a complete Tailwind CSS color scale
with 10 shades (50-950). The algorithm creates perceptually uniform color variations
perfect for modern UI design. Copy the config and paste it directly into your
tailwind.config.js file.