Skip to content
WebTricks

Palette generator

Generate a perceptually even color scale and harmonies (complementary, analogous, triadic) from any base color, in OKLCH.

Scale
Complementary
Analogous
Triadic

Click any swatch to copy its hex.

About this palette generator

Build a complete color system from a single base color. Enter or pick a color and instantly get a perceptually-even scale (tints and shades) plus complementary, analogous and triadic harmonies. Click any swatch to copy its hex.

Why OKLCH scales look better

The scale is generated in OKLCH, a perceptually-uniform color space. That means each step changes lightness by an even visual amount — unlike HSL, where equal numeric steps can look lumpy. The result is a smooth, professional ramp that works as a ready-made design-token set.

FAQ

How many colors does it generate?

A 9-step lightness scale from near-white to near-dark, plus complementary, analogous and triadic harmony colors derived from your base.

What are analogous and triadic colors?

Analogous colors sit next to the base on the color wheel for a harmonious look; triadic colors are evenly spaced around it for vibrant, balanced contrast.