# Neutral colour palettes that still have character

[Canonical HTML page](https://gradiently.design/guide/neutral-color-palettes)

Beige, grey and white can look expensive or look like nobody made a decision. The difference is temperature, range and one small surprise. Here are eight neutral palettes with codes, and the rules that keep them alive.

## 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.

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.

| Family | Leans towards | Feels | Example codes |
| --- | --- | --- | --- |
| Warm neutrals | Yellow, red, brown | Soft, lived in, hospitable | Ivory `#F3EEE6`, sand `#D9CBB4`, taupe `#8A8178` |
| Cool neutrals | Blue, green | Clean, technical, quiet | Mist `#ECEEEF`, slate `#6B7075`, graphite `#1F2326` |
| Greige | Balanced between grey and beige | Calm, adaptable | Greige `#BDB6AC`, stone `#A39A8F` |
| True grey | Almost nothing | Neutral, sometimes cold | `#F2F2F2`, `#8C8C8C`, `#222222` |

Pick one family as your base. A single colour from the opposite family can work as a deliberate accent, never as a near miss.

[Warm and cool colors](https://gradiently.design/guide/warm-and-cool-colors) goes deeper on temperature, and [color temperature](https://gradiently.design/guide/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.

- Linen: #f3eee6
- Sand: #d9cbb4
- Taupe: #8a8178
- Espresso: #2b2724
- Terracotta accent: #b5543a

Gallery café. Warm from ground to type, with terracotta for one button, one price or one line.

- Mist: #eceeef
- Pewter: #c3c8cc
- Slate: #6b7075
- Graphite: #1f2326
- Signal blue accent: #3d6bff

Software studio. Cool greys with a single saturated blue, the classic product interface palette.

- **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](https://gradiently.design/guide/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](https://gradiently.design/guide/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.

- Plaster light: `radial-gradient(circle at 25% 20%, #fbf8f3 0%, #eae1d3 50%, #cdbf9f 100%)`
- Overcast: `linear-gradient(170deg, #eceeef 0%, #c3c8cc 60%, #8f969b 100%)`
- Espresso dusk: `radial-gradient(circle at 70% 30%, #5c544c 0%, #2b2724 50%, #121212 100%)`
- Blush stone: `linear-gradient(160deg, #f7f0ec 0%, #dcc7be 55%, #b5948a 100%)`

Four neutral gradients. Each moves mostly in lightness, which is what keeps them calm.

For more, see [subtle gradients](https://gradiently.design/guide/subtle-gradients), [beige gradients](https://gradiently.design/guide/beige-gradient) and [grey gradients](https://gradiently.design/guide/grey-gradient).

## 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.

A portrait bakery post in soft neutral colours where the small supporting text is faint

Low contrast words on a pale neutral ground lose their supporting line first.

The same bakery post with clear, readable text over a calmer area of the neutral background

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](https://gradiently.design/guide/color-contrast-accessibility).

## FAQ

### 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.