Monochromatic
A palette built from a single hue, varied only in lightness and saturation — the most cohesive harmony type.
What it means
A monochromatic palette uses one hue and explores its full range of lightness and saturation. Light tints for backgrounds, medium tones for borders and secondary elements, vivid mid-range for primary actions, and deep shades for text and emphasis — all from the same hue.
Monochromatic palettes are inherently harmonious because there's zero hue conflict. The challenge is creating enough differentiation through lightness and chroma alone.
Why it matters in palette design
Monochromatic systems are the foundation of design tokens. A primary color scale (blue-50 through blue-900) is a monochromatic palette. Most design systems start monochromatic and add accent colors only where functional differentiation demands it.
Example
A developer documentation site uses a monochromatic blue palette: near-white blue tint for page background, medium blue for code block borders, vivid blue for links, and dark navy for headings. The single-hue system feels unified and lets the content — not the interface — command attention.
Learn more
Apply this to your palette
Open PerfectPalette and put these concepts into practice with your own colors.