# Peach gradient: soft warm codes for gentle brands

[Canonical HTML page](https://gradiently.design/guide/peach-gradient)

Peach is warmth without volume: the colour of good skin, ripe fruit and late afternoon light. It is perfect for gentle brands, as long as it never looks washed out. Here are codes and the rules that keep it fresh.

## The short version

- A peach gradient blends soft, light oranges with pink or cream, and reads as warm, gentle and approachable.
- Peach looks washed out when every stop is equally pale, so give it one deeper apricot or terracotta stop.
- Pink, lavender, sage and cream all pair well with peach; at pastel strength even cool partners blend cleanly.
- A warm brown such as #5a2e1a reads better on peach than black does, and white text fails on almost all of it.
- Peach suits skincare, candles, bakeries, baby brands, florists, therapists and wedding stationery.

A **peach gradient** blends soft, light oranges with a touch of pink or cream, and it is one of the gentlest warm colours you can design with. It feels approachable, human and calm, which is why skincare, candle makers, bakeries and baby brands reach for it. Its one weakness is fading into nothing when every stop is equally pale. Give it one deeper apricot or terracotta stop and a warm brown for type, and it holds its own.

## Peach colour codes to start from

Peach covers a small but subtle range, from nearly cream to a rosy apricot. These are the stops used throughout this article. Pantone also named a soft peach, Peach Fuzz, its colour of the year for 2024; [Pantone colour of the year](https://gradiently.design/guide/pantone-color-of-the-year) has the background.

- Shell: #fff5ee
- Blush peach: #ffe5d4
- Peach puff: #ffdab9
- Peach: #ffcba4
- Apricot: #fbb995
- Rosy apricot: #f6a07a
- Terracotta: #c8703f
- Cocoa ink: #5a2e1a

A peach ladder from shell to terracotta, plus a cocoa brown for type. `#ffdab9` is the CSS named colour peachpuff.

## Soft peach gradients

The everyday peaches. Each one starts close to cream and ends on a clear, warm colour, so there is always a calm area for words and a richer area for the eye to rest on.

- Shell to peach: `linear-gradient(180deg, #fff5ee 0%, #ffcba4 100%)`
- Ripe peach: `linear-gradient(135deg, #ffe5d4 0%, #fbb995 100%)`
- Afternoon light: `radial-gradient(circle at 30% 25%, #fff8f2 0%, #ffdab9 45%, #f6a07a 100%)`
- Apricot jam: `linear-gradient(160deg, #fef3e7 0%, #ffdab9 50%, #fbb995 100%)`
- Linen peach: `linear-gradient(135deg, #fff1e6 0%, #fcd5c0 100%)`

Five soft peach gradients. The darker end is what stops each one from looking washed out.

Use these where softness is the message. A skincare brand's product shots at 2048×2048 look calmer on "Linen peach" than on white. A florist's price list reads warmly on "Shell to peach". A therapist's website hero on "Afternoon light" says welcome before a single word is read. In each case the peach does the emotional work, so keep the layout simple and let the colour breathe.

## Peach with pink, lavender or sage

Peach plays well with others. Pink is its natural neighbour and makes it romantic. Lavender sits across the wheel but blends cleanly at pastel strength, giving that early evening sky look. Sage adds an earthy, grown up note that suits wellness and interiors. For other soft pairings, see [pastel gradients](https://gradiently.design/guide/pastel-gradients) and [lavender gradients](https://gradiently.design/guide/lavender-gradient).

- Peach and rose: `linear-gradient(135deg, #ffdab9 0%, #fbcfe8 100%)`
- Peach and lavender: `linear-gradient(135deg, #ffd8c2 0%, #ddd6fe 100%)`
- Peach and sage: `linear-gradient(135deg, #ffe0cc 0%, #dbe5d4 100%)`
- Sky at six: `linear-gradient(180deg, #c7d2fe 0%, #fbcfe8 50%, #ffdab9 100%)`
- Peach and butter: `linear-gradient(135deg, #fef3c7 0%, #ffcba4 100%)`

Peach with partners. At these soft strengths, even lavender and sage blend into peach without turning grey.

## Deeper peach gradients: apricot to terracotta

When a brand needs more confidence, run peach down into apricot and terracotta. These feel like clay and sun baked walls, and they suit ceramics, Mediterranean food, natural cosmetics and interiors. The deep end also gives you a place for white headlines. [Orange gradients](https://gradiently.design/guide/orange-gradient) continues into the brighter, louder range.

- Sun baked: `linear-gradient(180deg, #ffdab9 0%, #f6a07a 50%, #c8703f 100%)`
- Clay pot: `linear-gradient(135deg, #fbb995 0%, #b4532a 100%)`
- Terracotta glow: `radial-gradient(circle at 75% 20%, #ffe5d4 0%, #f6a07a 35%, #8a3d1f 100%)`

Peach with depth. Headlines go in cocoa at the top or white at the bottom.

## Why peach looks washed out, and the fix

### Washed out

- Every stop the same pale tint
- Black or grey type that feels harsh against it
- Pure white beside it, which makes peach look dirty
- Thin, light type that vanishes

### Warm and clear

- One deeper apricot or terracotta stop
- Cocoa brown type, warm like the background
- Shell or cream instead of pure white
- Type with enough weight to carry the colour

The pure white point catches people out. Next to bright white, pale peach can look slightly grubby, because the eye compares it with something much cleaner. A warm shell such as `#fff5ee` keeps the whole palette in the same light. The same goes for cool greys in icons and dividers: swap them for a soft taupe.

## Text colour on a peach gradient

Peach is light. White on `#ffcba4` measures under 1.5 to 1, so it is unreadable. Black passes but looks cold and heavy against something so soft. A warm cocoa like `#5a2e1a` measures above 9 to 1 on blush peach and still around 5.5 to 1 on rosy apricot, while keeping the warmth. [Colour contrast and accessibility](https://gradiently.design/guide/color-contrast-accessibility) has the full method.

| Background | White text | Cocoa text #5a2e1a |
| --- | --- | --- |
| Blush peach `#ffe5d4` | Fails | Above 9:1 |
| Peach `#ffcba4` | Under 1.5:1, fails | About 7.8:1 |
| Apricot `#fbb995` | Fails | About 6.8:1 |
| Rosy apricot `#f6a07a` | About 2:1, fails | About 5.6:1 |

Cocoa brown passes across the whole soft peach range. White needs the deepest terracotta, such as `#8a3d1f`.

## Building a gentle brand look with peach

1. **Pick a ground** Shell or linen for most designs, so everything feels like warm paper.
2. **Choose one gradient as the signature** Use it on every post and page, rather than a different peach each time. Consistency is what makes a soft colour recognisable.
3. **Add one partner** Rose, lavender or sage, used in small amounts: a button, a sticker, a border.
4. **Set type in cocoa** Headings and body in the same warm brown. Save white for the deepest terracotta areas.
5. **Give it a surface** A fine grain makes peach feel like paper or velvet rather than a flat screen fill. [Gradient texture](https://gradiently.design/guide/gradient-texture) compares the options.

A candle shop listing image with cocoa brown text on a soft peach gradient

An Etsy listing photo at 2700×2025, peach with cocoa type.

The same candle shop design as a tall Pinterest pin on the peach gradient

The same design as a Pinterest pin at 1000×1500, rendered for the tall frame.

Gradiently makes the repeat part easy: one design, every size in one step with Pro, and a Mark that keeps your peach look exactly the same wherever it appears. Each Mark is checked against every other so no two look alike, and once you claim one, only you can export with it. [Candle business branding](https://gradiently.design/guide/candle-business-branding) has more for small makers.

## FAQ

### What is the hex code for peach?

Common peach codes include `#ffcba4` and `#ffe5b4`. The CSS named colour peachpuff is `#ffdab9`.

### What colours go with a peach gradient?

Rose pink, lavender, sage green, butter yellow, cream and cocoa brown. Use one partner at a time.

### What text colour goes on peach?

A warm brown such as `#5a2e1a`. It passes contrast and feels softer than black; white text fails on light peach.

### Why does my peach background look dull?

Every stop is probably equally pale, or it sits next to pure white. Add a deeper apricot stop and swap white for a warm shell colour.

### Is peach a good brand colour?

It suits gentle, warm brands such as skincare, candles, bakeries, florists and baby products. It is less suited to brands that need to feel bold or technical.