Updated 2026-07-05 · 7 min read
We extract the dominant colors from every site in our library. Across 350+ high-end sites the same pattern repeats: a disciplined neutral base, one working accent, and almost nothing else. Great palettes are boring lists that produce distinctive pages.
Roughly: 90% of the page is background and near-background neutrals, 9% is text, 1% is accent. The accent gets its impact from scarcity. When we see palettes fail, it's almost always because the accent leaked into borders, icons, backgrounds and illustrations until it stopped meaning "act here".
Measured backgrounds are rarely #ffffff or #000000. Light sites sit at #fafafa–#fffef2 (often warmed slightly); dark sites at #08090a–#111113 (often cooled slightly). Body text is almost never pure black on light (#333–#555 dominates) or pure white on dark (#e5–#f5 range with reduced-contrast muted tiers). These small offsets are a large share of what reads as "premium".
Test the accent in three roles before committing: a solid primary button (does white or dark text pass contrast?), a text link inside a paragraph (still readable?), and a thin border or focus ring (still visible?). A color that survives all three earns the job. Saturated mid-tones survive; pastels and neon greys usually don't.
Every design breakdown in our library lists the site's extracted five-color palette with copyable hex codes — a faster starting point than a color wheel, because the combination is already proven on a shipped, admired site.
A neutral base (background + one surface tint), two text tones (primary + muted), and one accent. Five values total covers most award-level sites we measure.
Usually slightly off: #fafafa or a warmed near-white reads calmer and more considered. Reserve pure white for cards or surfaces that need to lift off the base.
Pick a saturated mid-tone that passes AA contrast as a button background, then use it in at most one element per viewport. Scarcity, not the hue itself, creates the premium read.