TC
Tailwind Colors
Color Selection
Primary Color Scale
50
100
200
300
400
500
600
700
800
900
950
Secondary Color Scale
50
100
200
300
400
500
600
700
800
900
950
Tailwind Config
Copy and paste into your tailwind.config.js file
UI Preview
Buttons
Badges
Default
Secondary
Outline
Destructive
Alerts
Information
This is an informational alert.
Error
This is an error alert.
Form Elements
Progress & Sliders
75%
60%