Tailwind Color Palette Browser
Browse all 220+ Tailwind CSS v3 colors with HEX values. Click any swatch to copy the class or HEX.
100% FreeNo SignupFiles Stay on Your Device
| Color | 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950 |
|---|---|---|---|---|---|---|---|---|---|---|---|
| slate | |||||||||||
| gray | |||||||||||
| zinc | |||||||||||
| neutral | |||||||||||
| stone | |||||||||||
| red | |||||||||||
| orange | |||||||||||
| amber | |||||||||||
| yellow | |||||||||||
| lime | |||||||||||
| green | |||||||||||
| emerald | |||||||||||
| teal | |||||||||||
| cyan | |||||||||||
| sky | |||||||||||
| blue | |||||||||||
| indigo | |||||||||||
| violet | |||||||||||
| purple | |||||||||||
| fuchsia | |||||||||||
| pink | |||||||||||
| rose |
22 color families · 242 total swatches · Click any swatch to copy
How to use Tailwind Color Palette Browser
1
Upload or paste your file
Drag and drop your file into the tool, or click to browse and select from your device.
2
Adjust settings if needed
Configure any options - output format, quality, compression level, or other settings specific to this tool.
3
Download your result
Your file is processed instantly in your browser. Click download to save the result - nothing was sent to any server.
Related Tools
View allFrequently Asked Questions
Common questions about Tailwind Color Palette Browser
Explore all Developer Utilities tools
More free tools in the same category - all browser-based, no signup.