Colour
How many accent colours does a website actually need?
The short answer
Across 304 website palettes, 72% carry at most one saturated colour: 33% use none at all and 40% use exactly one. Only 10% reach three or more. The median palette holds 6 colours, so most of that palette is doing neutral structural work rather than shouting.
Last updated 30 Aug 2026 · First published 02 Sept 2026 · 5 min read · Compiled and reviewed by the AllWebsites.Design editorial team · Methodology
The advice to use one accent colour is everywhere, and it is always asserted rather than shown. So we counted. Across 304 website palettes recorded from the rendered page, we measured how many swatches are genuinely saturated rather than a neutral wearing a tint.
The advice holds up better than most design rules do.
72%
of studied websites use one saturated colour or none at all
n=304 palettes. 33% use no saturated colour, 40% use exactly one.
How many accent colours do websites actually use?
One or none, overwhelmingly. 99 of 304 sites, 33% of the archive, carry no saturated swatch at all: their entire recorded palette is neutral. Another 121 sites, 40%, carry exactly one. Together that is 72% of everything studied. Only 10% reach three or more.
| Saturated colours | Sites | Share |
|---|---|---|
| 0 | 99 | 33% |
| 1 | 121 | 40% |
| 2 | 54 | 18% |
| 3 or more | 30 | 10% |
If most sites use one accent, why is the median palette six colours?
Because most of a palette is not decoration, it is structure. The median palette here holds 6 colours, and in a typical record those roles are a page background, a raised surface, a border, a primary text colour, a muted text colour, and then the accent. Five of the six are doing quiet structural work. Only one is trying to be noticed.
This is why counting colours is a bad proxy for restraint. A six-colour palette with one accent reads as disciplined. A four-colour palette with three accents reads as chaos. The number that matters is how many elements are competing to be the brightest thing on screen.
Can a website work with no accent colour at all?
33% of this archive says yes. Fully neutral palettes push the emphasis work onto other tools: weight, scale, whitespace and the sharpness of a border. That is harder to do well, and it is why fully neutral sites cluster in editorial, portfolio and brutalist work where the layout is already carrying the personality.
The trade is real, though. Without an accent, a call to action has nothing to distinguish it from a heading except position and size. If you go neutral, the interface has to be unambiguous in its structure, because colour is not going to rescue it.
When do three or more bright colours make sense?
When the colour is the brand rather than a highlight on it. The 10% of sites carrying three or more saturated swatches concentrate in playful and maximalist work: creator tools, community products and design software where a spectrum signals range. In those cases the palette is the positioning, and reducing it to one accent would make the product look like everything else.
Outside that, more than one accent usually means the page has stopped telling you which action matters. If two things are the brightest thing on screen, neither is.
Does the technology a site uses change its palette?
No. Every platform we measured lands on the same median palette size of 6 colours, whether the site is built in Framer, Webflow, Next.js or Astro. Build tools reshape motion and typographic scale, as we found when comparing what the stack predicts about a site, but colour discipline survives the choice of technology intact. It is set by the brand, upstream of any of this.
Questions people also ask
How many colours should a website use?
The median palette in this archive holds 6 colours, but only a small part of that is saturated. 72% of the 304 sites studied use at most one saturated colour, with the rest of the palette carrying neutral structural roles like background, surface, border and text. A neutral base plus one accent is the measured norm, not a minimalist affectation.
Is it bad to use several bright colours on a website?
It is uncommon rather than wrong. Only 10% of the 304 palettes studied carry three or more saturated colours, and those cluster in playful and maximalist work where the colour is the brand. If your site is not in that category, more than one accent usually means the interface has stopped signalling which action matters.
What counts as an accent colour here?
A swatch counts as an accent when its chroma, measured as the gap between the highest and lowest RGB channel, is at least 0.25. That threshold separates a genuine brand colour from a warm grey or a tinted off-white. It is applied identically to every one of the 304 palettes, so the comparison between sites is consistent.
Why do so many websites use near-black and off-white?
Pure black on pure white is harsh at large areas, so most designers pull both ends slightly toward the middle. That gives a softer contrast, leaves room for a genuinely white surface to read as raised, and lets a single accent stay the brightest thing on the page. It is a structural decision that happens to look restrained.
Related questions this raises
- How many colours should a brand palette have?
- What is the 60-30-10 rule in web design?
- Should a website use one accent colour?
- Why do websites use off-white instead of white?
- What is the most common website background colour?
- How do I pick an accent colour for a website?
- Do minimal websites use fewer colours?