Tailwind Color Picker
Browse and copy colors from the Tailwind CSS default color palette with click-to-copy.
Privacy first: Your files never leave your browser. All processing happens locally on your device.
Click any color swatch to copy its hex value to your clipboard.
slate
gray
zinc
neutral
stone
red
orange
amber
yellow
lime
green
emerald
teal
cyan
sky
blue
indigo
violet
purple
fuchsia
pink
rose
Copy all colors as JSON
Frequently Asked Questions
What is the Tailwind CSS color palette?
Tailwind CSS ships with a curated set of colors organized by hue (slate, gray, red, orange, etc.) with 11 shades each from 50 (lightest) to 950 (darkest).
How do I use Tailwind colors?
Click any swatch to copy its HEX value. In Tailwind CSS, use class names like bg-blue-500 or text-red-600 to apply colors.