Complete Tailwind CSS color scales with live inspector, format switching, and one-click scale export.
Tailwind CSS
Complete Tailwind scales from 50–950 — ideal for design tokens and utilities.
slate
11 shades
red
11 shades
orange
11 shades
amber
11 shades
green
11 shades
cyan
11 shades
blue
11 shades
violet
11 shades
rose
11 shades
Inspector
Selected color
Pick a swatch
Formats, contrast, and copy actions appear here.
Keep exploring
Bootstrap theme colors and utility palette. Copy HEX codes and Sass variables.
Open toolBrowse Google Material Design palettes with shade scales, HEX/RGB/HSL copy, CSS variables, and contrast inspector.
Open toolBattle-tested UI color tokens for backgrounds, borders, accents, and states.
Open toolClick a question to open it. Click again to close.
Looking for more? Browse Our Tools.