The short version
- A neutral colour palette is built from low saturation colours such as white, ivory, beige, taupe, grey, charcoal and near black.
- Neutrals have a temperature: warm neutrals lean yellow, red or brown, and cool neutrals lean blue or green.
- A neutral palette looks flat when every colour sits at the same lightness, so include at least one very light, one middle and one very dark tone.
- Most neutral palettes need one accent colour used in small amounts to give them a point of focus.
- Mid neutrals such as taupe and stone usually fail contrast for body text on a light ground, so set text in the darkest tone.
On this page
A good neutral color palette uses colours with very little saturation, such as ivory, sand, taupe, stone, charcoal and near black, and gives them character in three ways: it commits to a temperature, it runs all the way from light to dark, and it adds one small accent. Skip those and you get the beige that looks like a default. Below are eight palettes with copyable codes, and the reasoning behind each, so you can adjust them rather than copy them.
Warm, cool and true neutrals
Very few neutrals are truly colourless, and the ones that are can feel cold. Most lean somewhere, and the lean sets the mood. Mixing a warm beige with a cool blue grey by accident is the most common reason a neutral scheme feels slightly off.
Leans towards
Feels
Example codes
#F3EEE6, sand #D9CBB4, taupe #8A8178Leans towards
Feels
Example codes
#ECEEEF, slate #6B7075, graphite #1F2326Feels
Example codes
#BDB6AC, stone #A39A8FLeans towards
Feels
Example codes
#F2F2F2, #8C8C8C, #222222Warm and cool colors goes deeper on temperature, and color temperature covers how lighting and screens shift it.
Eight neutral palettes with hex codes
Each palette has a light ground, a middle or two, a dark for type, and in most cases an accent. Read the names as a brief: they describe the place the palette would feel at home.
- Oat and olive: oat
#E9E1D2, flax#CDBF9F, olive#6E6B4A, bark#2F2A22. Natural without the cliché of green leaves. - Stone house: chalk
#F5F3EF, greige#BDB6AC, stone#A39A8F, charcoal#34312D, brass#B08D57. Interiors, architecture, quiet luxury. - Paper and ink: paper
#FAF7F0, newsprint#E4DED2, pencil#5C544C, ink#151515, editor red#C8372D. Editorial and serious. - Sea glass grey: fog
#EEF1EF, sea glass#B9C6C0, harbour#5E6F6A, deep#1C2624. Cool, but softened by green. - Blush neutral: porcelain
#F7F0EC, blush stone#DCC7BE, mauve taupe#8C7470, cocoa#33221F. Warm and gentle, good for beauty and wellness. - Night neutral: onyx
#121212, smoke#2A2826, ash#77716B, bone#E9E2D6. A dark ground with warm light type.
Before you settle on one, test it on real material. Put your logo, a product photo and a paragraph of text on each ground. Photographs often carry their own warmth or coolness, and a palette that fights your photography will never feel calm, however carefully you picked it.
How to give a neutral palette character
- 1
Commit to a temperature
Choose warm or cool and check every colour against it. Put your swatches side by side: anything that looks slightly green next to warm beige is in the wrong family.
- 2
Stretch the range
Include a tone near white, a middle tone and a tone near black. Neutral palettes made only of mid beiges have no depth and no readable text colour.
- 3
Add one accent
A single saturated colour in small doses gives the eye somewhere to land. Accent color shows how much is enough.
- 4
Bring in texture
Neutrals look richest with grain, paper or a soft change of light. A flat beige rectangle looks unfinished; the same beige with a little tooth looks like a material.
- 5
Use proportion, not more colours
Most of the surface stays light, the middle tones take the large shapes, and the dark carries the words. The 60 30 10 rule is a sound starting split.
Neutral gradients that aren't boring
A neutral gradient works when the change is in light rather than hue. Think of daylight falling across a plaster wall: the colour barely moves, the brightness does. Keep the stops close and add grain to hide banding, which shows easily in pale, low contrast blends.
For more, see subtle gradients, beige gradients and grey gradients.
Text and contrast on neutral backgrounds
Neutral palettes look gentle, which tempts people into gentle text. Taupe #8A8178 on linen #F3EEE6 measures only 3.31:1, below the 4.5:1 that WCAG asks for body text. Espresso #2B2724 on the same linen reaches 12.82:1. Use your darkest neutral for anything people need to read, and save the middle tones for shapes, borders and large display type.
Low contrast words on a pale neutral ground lose their supporting line first.
With the background calmer behind the words, every line reads and the palette stays soft.
Gradiently handles this automatically: a Mark settles behind your words and picks light or dark type per line from its own palette, so a quiet neutral background never costs you legibility. Check any colour pair yourself with color contrast.
Questions people ask
What colours are in a neutral color palette?
White, ivory, cream, beige, sand, taupe, greige, grey, charcoal and near black, plus the slightly tinted versions of each. Most neutral palettes also include one accent colour.
What is greige?
Greige is a blend of grey and beige that sits between warm and cool, such as #BDB6AC. It works as a bridge when a palette needs to suit both warm and cool surroundings.
What accent colour goes with neutrals?
Warm neutrals suit terracotta, rust, olive or brass. Cool neutrals suit a saturated blue, a clear green or a deep red. Use the accent sparingly so it stays special.
How do I stop a neutral palette looking boring?
Commit to one temperature, span light to dark, add a single accent and give the surfaces texture. Flat mid beiges with no range are what look boring.
Are neutral colours good for branding?
Yes, especially for premium, editorial and interior brands. Because many brands use neutrals, give yours something distinctive, such as a particular accent, typeface or background material.
Written by Gradiently
The team behind Gradiently, a design tool built around Marks: living gradients that make everything you design look like yours.
See our profile