Color Palette Generator

Tailwind Color Palette Generator

Generate harmonious colors and export them as a complete tailwind.config.jsextension — colors named c1 toc5, ready to drop into your theme.

#f471cf

hsl(317, 86%, 70%)

#cbf8aa

hsl(95, 85%, 82%)

#3951ef

hsl(232, 85%, 58%)

#f48671

hsl(10, 86%, 70%)

#aaf8cd

hsl(147, 85%, 82%)

Exporting to Tailwind

Open the Export menu and pick Tailwind Config. The generator produces atheme.extend.colors block. Merge it into your tailwind.config.jsand use classes like bg-c1,text-c2 immediately.

Using the Tailwind export

  1. Generate a palette you like.
  2. Export → Tailwind Config → Copy code (or Download).
  3. Paste the exported object into your theme config.
  4. Use c1–c5 anywhere in your markup.