Tailwind Colors
Browse and copy Tailwind CSS color values
What is Tailwind Colors?
Tailwind CSS Color Reference displays every color in the Tailwind CSS palette with hex values, sorted by shade (50–950). Includes search and copy-to-clipboard functionality.
When to use this tool
- Looking up exact Tailwind color hex values for development
- Finding the right shade of a color for UI elements
- Copying Tailwind color codes for use outside Tailwind
- Comparing shade progressions within a color family
How it works
Renders the complete Tailwind CSS color palette from the official configuration (22 color families × 11 shades). Each swatch displays the shade number, hex value, and supports click-to-copy.
Examples
About Tailwind Colors
Browse and copy Tailwind CSS color values It runs entirely in your browser — no files are uploaded to any server, ensuring complete privacy and instant results.
- •Test and debug regular expressions
- •Parse cron expressions in plain English
- •Format SQL, XML, and YAML
- •Convert between number bases instantly
Last updated: 2025-01-15
FAQ
Browse and copy Tailwind CSS color values
Yes, completely free. No signup required.
Yes. Runs entirely in your browser, no files uploaded.
Yes, works on any device with a modern browser.
No, everything runs in your browser.