Color Palette Generator

Generate five-color palettes with harmony modes. Lock the colors you like, press space to regenerate the rest, and share the URL.

or press space

:root {
  --palette-1: #1FA2FF;
  --palette-2: #34D399;
  --palette-3: #FBBF24;
  --palette-4: #F472B6;
  --palette-5: #6366F1;
}

How color harmonies work

Color harmonies are recipes for picking hues that look good together based on their positions on the color wheel. Complementary colors sit opposite each other for maximum contrast, analogous colors sit side by side for a calm, cohesive feel, and triadic palettes space three hues evenly for a balanced but vibrant mix.

This generator builds palettes in the OKLCH color space, so the colors in each palette are matched by perceived lightness and saturation rather than just hue angles, which keeps the results usable straight away in real interfaces. Every palette is encoded in the page URL, so you can bookmark or share the link to keep it.

Prefer a curated starting point? Browse the color palette gallery for hand-picked palettes you can open here and remix.