Color Palette Generator

Generate beautiful, harmonious color palettes instantly. Copy HEX, RGB, HSL values. Export as CSS variables or Tailwind config.

How to use

  1. 1.Press Spacebar or click "Generate" to create a new palette
  2. 2.Click the lock icon on any color to keep it while regenerating
  3. 3.Click a color to copy its HEX value
  4. 4.Export as CSS variables or Tailwind config

FAQ

How are the colors generated?+

Colors are generated using HSL color space with harmonious spacing to ensure pleasant palettes.

Can I lock specific colors?+

Yes, click the lock icon on any color swatch to keep it when regenerating.

What export formats are available?+

CSS custom properties, Tailwind CSS config, and clipboard copy of all HEX values.

Can I use spacebar to generate?+

Yes! Press the spacebar anywhere on the page to generate a new palette.

Related tools