How many colors does a palette actually need? The case for hue span constraints

Most product palettes are over-specified — too many hues, too many lightness variants, too many one-off accent colors. Understanding hue span as a design constraint produces palettes that are both more coherent and easier to use across a whole product.

Systems Palette Process

Highlights

Most product teams use 6–10 distinct hues in practice, but research in color cognition suggests that visual coherence degrades noticeably beyond 5 perceptually distinct hues in a single interface context.

Hue span — the total arc of the color wheel covered by a palette — is a better measure of palette breadth than raw color count, because two palettes with 12 colors can have very different visual complexity depending on whether those colors cluster around 2 hues or spread across 8.

Constraining hue span to a 90–120 degree arc and controlling lightness range within that arc produces palettes that designers can extend confidently without accidentally breaking visual coherence.

Why more colors usually means less coherence

Palette bloat is a predictable design system failure mode. A product launches with a carefully considered 5-color palette, then each new feature adds a status indicator color, each new team adds an accent, each new brand campaign introduces a temporary color that becomes permanent. Within two years, the palette has 15 distinct hues with no governing logic. Individual decisions that each seemed reasonable produced a collective result that feels chaotic. The problem is not that any single color was wrong — it is that each was added without a constraint that preserved overall hue span. A hue span policy prevents accumulation: any new color that would extend the palette beyond the defined arc has to replace an existing one, not join it.

Hue span as the governing constraint

Hue span describes how much of the color wheel a palette occupies. A monochromatic palette has zero span — all colors share the same hue. An analogous palette spans 30–60 degrees. A complementary palette spans 180 degrees. For most product interfaces, an analogous-to-wide-analogous range of 60–120 degrees provides enough variety for a full semantic token set while maintaining visual coherence. Any hue that falls outside this arc will read as an intruder — its perceptual distance from the rest of the palette breaks the sense of a unified visual system. The Forest Terrain collection demonstrates a 90-degree span anchored in the yellow-green to green-teal range: enough variety for rich surface and accent work, narrow enough to feel unified.

Extending a constrained palette responsibly

A hue span constraint does not limit a palette's expressive range — it redirects it. Within a 90-degree arc, there is enormous variety available through lightness and saturation adjustment. A forest green in 14 lightness bands, each at four saturation levels, produces 56 colors that all feel related while serving every semantic role from near-white surface to near-black text. The Palette Pack Vol. 1 uses this approach: each family in the set stays within a constrained hue span but covers the full lightness and saturation range, so teams get the coherence of a narrow palette with the functional coverage of a large one. The practical rule is to expand lightness and saturation before expanding hue — depth before breadth.

Newer issue

Muted vs. desaturated: they look similar but behave completely differently in a palette

2026-06-04

Older issue

Value contrast does more work than hue contrast — and most palettes get this backwards

2026-06-18