Color Charts
Fixed reference palettes for designers and developers. Browse every swatch, copy HEX values instantly, and read RGB, HSL, and OKLCH on hover — no color picker, no input, just accurate charts.
Instant
100% Private
Free Forever
Color Charts Reference Tailwind Material Design Copy HEX
Tailwind CSS
Complete official Tailwind default palette — every hue from slate to rose, steps 50–950. Click any swatch to copy.
View chartFlat UI
Classic Flat UI Colors palette — 20 named flat design swatches from Turquoise to Asbestos. Click any swatch to copy.
View chartMaterial Design
Official Google Material palette — 19 hues, steps 50–900 plus A100–A700 accents. Click any swatch to copy.
View chartWeb Safe
All 216 web-safe colors — the classic 6×6×6 RGB cube. Click any swatch to copy HEX.
View chartNeed a custom scale?
These charts show Tailwind's built-in defaults. To generate a 50–950 scale from your own brand HEX, use our Tailwind Scale Generator.