Four ways to relate hues

Complementary

Opposite on the wheel. Maximum contrast. Use when you want tension and energy between two dominant hues.

Analogous

Neighboring hues. Natural harmony. Use when you want cohesion and calm. The safest mode for subtle work.

Triadic

Three equidistant hues. Balanced variety. Use when you need range without chaos. Works well for dashboards and data viz.

Split-complementary

Offset complements. Versatile contrast. The visual tension of complementary with more flexibility. Our most popular mode.

Shift the mood

Warm

Energy, urgency, appetite. Shifts hue ranges toward red-orange-yellow. Higher saturation in accent roles. Use for food, fitness, retail.

Cool

Trust, calm, authority. Shifts hue ranges toward blue-green-violet. Restrained saturation. Use for finance, healthcare, SaaS.

Neutral

Premium, editorial, timeless. Desaturated across all roles. Warm or cool undertones emerge naturally. Use for luxury, publishing, portfolios.

Every palette is validated

Contrast validation

Ink is auto-darkened if the background/ink pair falls below 4.5:1 WCAG AA. You never ship an unreadable palette.

Accent distinctness

If the accent is too close to another role (deltaE < 15), saturation and lightness are boosted until it stands out.

Palette scoring

Every palette gets a 0-100 score based on contrast, distinctness, and hue spread. We generate 5 attempts and pick the best.

Seed memory

The last 10 palettes are tracked so the generator avoids repetition. Every press of spacebar gives you something genuinely new.

Build by iteration

Hit space, get a new palette. Every generation is distinct. Lock the colors you like, randomize the rest. This is how designers actually work — not by specifying exact values, but by exploring possibilities and recognizing the right one.

No forms. No sliders. No configuration screens. Just space, space, space until you see it. Then lock, refine, export.

Start generating