Monochromatic, analogous, complementary, triadic, split-complementary, tetradic, shades and tints. Derivations are computed in HSL by rotating hue or adjusting lightness.
Color Palette Generator
Harmonious palettes from a base color, with 8 algorithms.
Color harmony based on color wheel theory.
The tool derives full palettes from a base color and a harmony algorithm. Colors are represented in HSL to preserve hue and lightness during transformations. You can manually adjust hue, saturation and lightness, or pick an aesthetic random color. The choice between light or dark labels on each swatch uses WCAG contrast.
Base color, algorithm, ready-to-use palette.
- Pick a base color with the visual picker, by typing a HEX value or by clicking "Random".
- Pick one of the 8 harmony algorithms — the palette updates instantly.
- Copy each color as HEX, RGB or HSL or export the whole palette as CSS variables.