Color Palette Generator

This generator builds palettes the way designers do: pick a relationship between hues (analogous, complementary, triadic…) or a mood (pastel, earthy, neon), then vary lightness so the colors work together as backgrounds, text and accents. Colors are created in the OKLCH space, where equal steps look equally different, and every result is pulled back into the sRGB gamut so it displays exactly as shown.

How to use this tool

1. Choose how many colors you want (3–10) and a style.
2. Optionally enter a base color — the palette is built around it — and colors to keep, one per line.
3. Press Calculate for a new palette; the seed under the results lets you get the same palette again.
4. Pick an export format and copy the code, or download the SVG strip.

Formula

Hue offsets from the base hue h₀: analogous h₀ ± k·Δ (Δ ≈ 22–36°), complementary h₀ and h₀ + 180°, triadic + 120°/240°, split + 150°/210°, tetradic + 90°/180°/270°, pastel and neon step by the golden angle 137.5°. Lightness is spread from 0.3 to 0.9 in OKLCH.

A seeded mulberry32 generator adds small random offsets. If an OKLCH color falls outside sRGB, its chroma is reduced (hue and lightness kept) by bisection until it fits.

Example

Keeping #264653, #2A9D8F and #E9C46A with 3 colors returns exactly those three; asking for 5 with the same kept colors adds two generated colors that follow the chosen style around #264653. The JSON export of red, lime and blue is ["#ff0000","#00ff00","#0000ff"].