Color Palette Generator

Generate harmonious color palettes and tint scales from one base color, with CSS variables and Tailwind config export.

How to use Color Palette Generator

1. Pick a base color.
2. Choose a harmony: analogous, complementary, triadic and more.
3. Copy the CSS variables or Tailwind config.

Frequently asked questions

Can I use the palette in Tailwind CSS?

Yes, copy the generated "brand" scale into your tailwind.config.js.

How do I copy a single color?

Click any swatch to copy its HEX code.