Tailwind Color Cheatsheet
Browse every Tailwind CSS default color (slate → rose, 50 → 900) and copy any hex with one click.
Quick answer: Browse every Tailwind CSS default color (slate → rose, 50 → 900) and copy any hex with one click.
Last updated
Frequently asked questions
- Is the cheatsheet free?
- Yes — free with no signup.
- Which Tailwind version are these from?
- Tailwind v3 default palette — the version still in active use everywhere.
- Can I copy more than the hex?
- The label includes the Tailwind class name (e.g. blue-500) so you know exactly which utility produces that color.
- Are these the same as v4?
- Tailwind v4 keeps the same palette by default. Custom theme overrides are not represented here.
- Is anything uploaded?
- No — every palette is built into the page.