Home / Palette comparison

Palette comparison

Put two palettes side by side: primary color, contrast, lightness, hue gap and quality score at a glance. Every palette page links here via "Compare with other palettes".

Which numbers to read

"Text on background" is the readability baseline: below 4.5:1 the palette struggles to carry body copy; higher is steadier.

A primary hue gap under 30 degrees means same-family palettes, pick by brand mood; over 90 degrees the moods are entirely different and both can coexist by scenario.

The quality score bundles contrast, color distance and role sanity, good for a first pass; make the final call in the live three-platform previews.