Short answer
Nearly always because the colours sit at similar lightness, so nothing stands out once the eye stops reading hue; equal saturation across every colour and uneven steps from HSL-built scales are the next most common causes. A greyscale screenshot shows the problem in seconds. This page covers palettes for screens, slides, brands and charts; flat rooms and outfits have their own diagnostic tools.
1. The colours are all near the same lightness
Test: Take a screenshot and view it in greyscale (most phones and operating systems have a greyscale accessibility filter). If the colours become the same grey, the palette has no lightness range.
The eye separates things mainly by lightness. A palette of different hues at one lightness reads as a single flat tone at a glance.
2. Every colour has similar, moderate saturation
Test: Pick the one colour that matters most and increase its saturation while greying the others slightly. If the layout comes alive, the problem was equal emphasis.
When everything is equally colourful nothing leads; one strong colour against quieter ones creates hierarchy.
3. Hue steps chosen in HSL do not look evenly spaced
Test: Convert the palette to OKLCH (the colour converter will do it) and compare the L values. Big jumps or near-identical values explain uneven or muddy steps.
HSL's 'lightness' is not perceptual; yellow at 50% looks far lighter than blue at 50%, so scales built there can bunch up.
4. Too many neutrals of slightly different temperature
Test: Put the greys and off-whites from the palette side by side on white. If they separate into warm and cool families, the mixed temperatures are muddying the scheme.
Near-neutrals of different undertones look like mistakes rather than choices when placed together.
Causes are ordered by how often Colourwise expects each to be the explanation — an editorial judgement, so test them all.
People separate shapes, text and regions mainly by differences in lightness; hue does much less of that work, and for readers with colour-vision deficiencies it may do almost none. A palette of a teal, a coral and a mustard can each be lovely and still form a flat, busy page if all three sit at the same lightness, because at a glance they merge into one mid-tone. The fastest test needs no software: take a screenshot and turn on the phone's or computer's greyscale accessibility filter. If the colours collapse into the same grey, the palette has hue variety and no structure. Spread them across light, middle and dark before changing any hue.
Many palettes are built by fixing HSL lightness and rotating the hue, which feels systematic and is perceptually misleading. HSL's lightness is a property of the RGB numbers, not of what the eye sees: at the same 50% lightness, full yellow is almost as light as white while full blue is closer to the dark end. Scales built this way bunch up in some hues and jump in others, so tints look uneven and 'muddy' in the middle. Rebuilding the palette in a perceptual space such as OKLCH, and choosing steps by its L value, gives lightness differences that look the way they measure. The table shows the size of the gap.
The second cause is equal emphasis. When every colour carries similar chroma, none leads, and the result reads as bland however many hues there are. Most working palettes have one or two colours doing the attention-grabbing and a set of quieter, lower-chroma neighbours and neutrals doing the rest. Try it on a copy: greying all but the most important colour slightly, and raising that one, usually brings a layout to life immediately. Charts obey the same rule — highlight colour for the series that matters, muted colour for context — and should also stay readable when printed in black and white, which is a lightness test by another name.
Rooms and outfits go flat for the same reason — equal lightness — plus texture. The interiors troubleshooter and the fashion troubleshooter diagnose those cases; the fixes involve materials and fabrics rather than tokens.
Moving colours apart in lightness changes their contrast against text and backgrounds, so recheck it. Text colours need enough luminance contrast to meet the WCAG thresholds, and interface components need enough to be seen; a colour pushed lighter for variety may fail as a text colour even if it improves the palette. The usual pattern in design systems is to keep a lightness scale per hue, pick the lighter steps for surfaces and fills and the darker steps for text and icons, and reserve the most saturated middle steps for accents. That keeps the palette lively without making it unreadable, and it survives dark mode better than a set of one-off colours.
| Hue | HSL | HEX | OKLCH L (0 = black, 1 = white) |
|---|---|---|---|
| Yellow (60°) | hsl(60 100% 50%) | #ffff00 | 0.97 |
| Cyan (180°) | hsl(180 100% 50%) | #00ffff | 0.91 |
| Green (120°) | hsl(120 100% 50%) | #00ff00 | 0.87 |
| Magenta (300°) | hsl(300 100% 50%) | #ff00ff | 0.70 |
| Red (0°) | hsl(0 100% 50%) | #ff0000 | 0.63 |
| Blue (240°) | hsl(240 100% 50%) | #0000ff | 0.45 |
Why: Steps were spaced in HSL lightness, which is not perceptual
Fix: Respace the scale by OKLCH lightness and check each step in greyscale
Why: Series colours differ in hue but share lightness
Fix: Pick series colours at clearly different lightness, or add direct labels and patterns
Each statement is labelled by kind — established fact, a standard’s requirement, observed market data, a convention, or Colourwise’s own interpretation or analysis — with the strength of the evidence behind it.
Colourwise analysisStrong evidence
Colours with identical HSL lightness of 50% span OKLCH lightness from about 0.45 for pure blue to about 0.97 for pure yellow.
Based on: HSL values converted to sRGB and then to OKLCH using the published Oklab matrices, as computed in the table on this page.
Source: A perceptual color space for image processing (Oklab); CSS Color Module Level 4
ConventionStrong evidence
ColorBrewer treats print-friendly and photocopy-safe as distinct properties of a colour scheme that users can filter for.
FactStrong evidence
Readability when reproduced in black and white is one of the properties Crameri, Shephard and Heron list for a scientifically sound colour map.
Colourwise interpretationModerate evidence
A palette that collapses to one grey in a greyscale view will read as flat at a glance, whatever its hues, and should be fixed by spreading lightness before changing hue.
Based on: Colourwise reading of the dominance of lightness in figure–ground separation, of the greyscale-readability criteria above, and of the HSL–OKLCH gap in the table.
Reviewed 29 September 2026. Colourwise summarises its sources in its own words and does not reproduce standards text or proprietary colour data. Spotted an error? Tell us.