Tailwind CSS Color Palette List
Browse all Tailwind CSS colors with shade levels 50-950 and copy HEX codes instantly.
Click any swatch to copy the HEX value.
Summary
Browse all Tailwind CSS colors with shade levels 50-950 and copy HEX codes instantly.
How it works
- Browse color families in the grid
- Click any shade to copy the HEX code
- Search by name like blue-500 or purple-200
Use cases
- Quickly look up Tailwind color values during development
- Design with Tailwind colors in external tools
- Pick the right shade for primary and secondary UI colors
Frequently Asked Questions
Last updated: 2026-07-24 ·
Reviewed by Nham Vu