A palette that looks good and fails contrast is not a palette, it is a redesign waiting to happen. Every swatch here carries its contrast ratio against white and black and a pass or fail against WCAG AA, so accessibility is visible while you are still choosing.
What you can control
- Five harmony modes, including a 50–900 tint ramp for building a design-token scale in one pass.
- Contrast ratios against white and black on every swatch, with an AA verdict.
- Four colour formats including OKLCH, which keeps lightness perceptually even across hues.
- Saturation and lightness are set once and applied across the palette, so the set stays coherent.
What this is not
Contrast ratios are computed against pure white and pure black. Check against your actual background colours before committing — a ratio that passes on white can fail on off-white.
Questions
What does the WCAG AA column mean?
It passes if the colour reaches at least 4.5:1 against white or black — the threshold for normal-sized body text. Large text needs only 3:1.
Why use OKLCH?
Because HSL lightness lies. Yellow at 50% lightness is far brighter than blue at 50%. OKLCH is perceptually uniform, so a lightness ramp actually looks even.
What is a tint ramp?
The 50-to-900 scale most design systems use, from near-white to near-black at a single hue. The ramp mode generates the whole scale in one batch.