Tailwind Color Generator
Generate beautiful Tailwind CSS color scales from any base color. Create 50-950 shade variations and export ready-to-use CSS or Tailwind configuration.
Color Picker
Blue
Compare with Tailwind
Generated Colors
50
#EEF2FF#EEF
100
#E0E7FF#E0E
200
#C7D2FE#C7D
300
#A5B4FC#A5B
400
#818CF8#818
500
#6366F1#636
600
#4F46E5#4F4
700
#4338CA#433
800
#3730A3#373
900
#312E81#312
950
#1E1B4B#1E1
Component Preview
Performance Scale
Color gradient performance metrics showcasing dynamic scale variations across tonal spectrum.
1.04s
-22%
Security Scale
Advanced Color Access
Multi-layered security interface utilizing tonal gradients and scale hierarchy for enhanced visual authentication.
Radial Color Scale
Chromatic scale distribution - Q1 to Q2 2024
Scale diversity up 5.2% this quarter
Showing tonal variation metrics across all color scale gradients
Sofia Davis
Hi, how can I help you today?
Hey, I'm having trouble with my account.
What seems to be the problem?
I can't log in.
Dashboard Metrics
Total Revenue
$15,231.89
+201%from last month
Active Users
2,350
+180.1%
from last month
Conversion Rate
3.2%
-2.4%
from last week
Total revenue
$2.6M
+4.5%from last week
Average order value
$455
-0.5%from last week
Tickets sold
5,888
+4.5%from last week