Undertone
The subtle secondary color family beneath a color's surface — revealed by comparison or desaturation, not immediately apparent.
What it means
Every color has a dominant hue you see at first glance (its mass tone) and a subtler hue direction that emerges when you compare it to neighbors or drain its saturation (its undertone). A gray with a blue undertone reads differently from a gray with a yellow undertone — even when both are perceptually "gray."
Undertones are contextual and perceptual. They're most visible in neutrals, pastels, and complex mixed colors. Highly saturated, pure colors have less perceptible undertones because the dominant hue overwhelms everything else.
Why it matters in palette design
Undertone alignment is the secret to palettes that feel effortlessly cohesive. Two colors with compatible mass tones but clashing undertones create subtle visual tension. In OKLCH, you can detect undertones programmatically: the hue angle that persists as chroma approaches zero is the mathematical undertone.
Common confusion
Undertone vs. temperature: Temperature is a broad warm/cool classification. Undertone is more specific — it identifies the exact hue family a color drifts toward when desaturated. A "warm gray" has a temperature (warm), but its undertone might be specifically yellow, orange, or pink.
Example
A design system's neutral palette uses grays with a consistent blue undertone (OKLCH hue ≈ 250°) across all steps. When a card surface, a border, and body text all share that blue undertone, they feel harmonious even though they differ in lightness.
Learn more
Apply this to your palette
Open PerfectPalette and put these concepts into practice with your own colors.