Tailwind CSS Color Palette List
Browse all Tailwind CSS colors with shade levels 50-950 and copy HEX codes instantly.
Use the Tailwind CSS Color Palette List
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-09-25 ·
Reviewed by Nham Vu