Color Palette Generator

Generate 5-color palettes using 6 harmony modes. Export as CSS vars, Tailwind, or JSON.

Seed Color

Pick

Random

Harmony Mode

Press Space or click a swatch to regenerate

Frequently Asked Questions

Color harmony refers to using colors that are aesthetically pleasing when placed together, based on their positions on the color wheel.

Yes! Click the lock icon on any color swatch to keep it while regenerating the rest of the palette.

Copy the export and paste it into your tailwind.config.js theme.colors section.

You might also find these utilities helpful for your color palette generator workflow.

Visual HEX/RGB/HSL color picker with sliders, history, and one-click copy.

Visual CSS gradient builder with multi-stop editor, presets, and instant CSS copy.

Generate tints and shades of any color and export as CSS vars or Tailwind scale.