Color Palette Generator
Pick a base color to generate complementary, analogous and triadic color harmonies. Click any swatch to copy its HEX. Runs locally in your browser.
Lock any swatch to preserve it. Reshuffle varies only unlocked colors in OKLCH lightness and chroma, so harmony hue angles stay exact.
Convert formats: color converter · shades: shades · gradients: CSS gradient.
Generate a color palette
Harmony modes with CSS, Tailwind and JSON export. Lock colors you like and reshuffle the rest.
FAQ
How are the colors chosen?
From your base color we rotate the hue on the color wheel to build complementary, analogous, triadic and split-complementary harmonies. Lock any swatch and reshuffle the rest.
Can I copy a color?
Yes — click any swatch to copy its HEX value. Export as CSS variables, Tailwind config snippet, or JSON.
Can I export CSS variables?
Yes — copy the :root block, Tailwind theme extend, or download a palette CSV for spreadsheets.
Last updated: