Color Reference
Color Charts
Browse preset color palettes from Tailwind CSS, Google Material Design, and Flat UI. Click any swatch to copy its hex code.
| Color | 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950 |
|---|---|---|---|---|---|---|---|---|---|---|---|
| Slate | |||||||||||
| Gray | |||||||||||
| Zinc | |||||||||||
| Red | |||||||||||
| Orange | |||||||||||
| Amber | |||||||||||
| Yellow | |||||||||||
| Lime | |||||||||||
| Green | |||||||||||
| Emerald | |||||||||||
| Teal | |||||||||||
| Cyan | |||||||||||
| Sky | |||||||||||
| Blue | |||||||||||
| Indigo | |||||||||||
| Violet | |||||||||||
| Purple | |||||||||||
| Fuchsia | |||||||||||
| Pink | |||||||||||
| Rose |