Color Palette Picker

Browse Tailwind CSS color palettes, pick custom colors, and copy HEX or RGB values.

Indigo

Sky

Emerald

Rose

Amber

Slate

How to use this tool

  1. 1Browse colorsScroll through standard Tailwind CSS color palettes from 50 to 950 weights.
  2. 2Copy codeClick any color square to copy its HEX value instantly.
  3. 3Use in projectPaste values directly into your Tailwind configurations or CSS sheets.

What this tool is useful for

  • ✓Finding specific Tailwind shade variants for frontend styling.
  • ✓Selecting consistent color scales for user interfaces.
  • ✓Copying hex values quickly without opening extensive documentation.

Privacy & processing

The palette is completely static. Your selections and copying actions are entirely local.

Related Tools