# Stone, mauve and tan warm neutral palette

The Stone, mauve and tan warm neutral palette brings together light gray, light orange, red, and orange. The colors span a moderate lightness range, combining restrained color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is red, and its lightest tone is light gray.

- Also called: Warm gray linear gradient
- Seed: `kY1Q8vXwk-NCMPdEjb9SozAlaLQc`
- Page: https://grabient.com/kY1Q8vXwk-NCMPdEjb9SozAlaLQc?steps=32&angle=315
- Drawn as: linear gradient, 32 steps, 315 degrees
- Kinds: dark center, neutral, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 3.1 to 1

## Colors

The name most people give each color, and the text color that reads on it with its contrast.

| Stop | Hex | OKLCH | Name | Text on it |
| --- | --- | --- | --- | --- |
| 1 | `#d4c8bc` | `oklch(83.86% 0.0207 66.09)` | Realist Beige | black, 12.7 to 1 |
| 2 | `#d1c5b9` | `oklch(82.94% 0.0211 64.58)` | Gallery Taupe | black, 12.3 to 1 |
| 3 | `#cec0b5` | `oklch(81.69% 0.0216 62.53)` | Whippet | black, 11.8 to 1 |
| 4 | `#cabbb0` | `oklch(80.20% 0.0222 60.08)` | Smooth Pebbles | black, 11.2 to 1 |
| 5 | `#c5b6ab` | `oklch(78.56% 0.0229 57.38)` | Boardwalk Sashay | black, 10.6 to 1 |
| 6 | `#c0b0a6` | `oklch(76.84% 0.0237 54.59)` | Temperate Taupe | black, 10 to 1 |
| 7 | `#bcaaa0` | `oklch(75.14% 0.0246 51.83)` | Crushed Stone | black, 9.4 to 1 |
| 8 | `#b7a59b` | `oklch(73.43% 0.0257 49.04)` | Pick of the Litter | black, 8.8 to 1 |
| 9 | `#b39f96` | `oklch(71.60% 0.0270 45.94)` | Big Horn Mountains | black, 8.2 to 1 |
| 10 | `#ae9890` | `oklch(69.70% 0.0285 42.69)` | Desert Dusk | black, 7.6 to 1 |
| 11 | `#a9928a` | `oklch(67.77% 0.0300 39.51)` | Etherea | black, 7.1 to 1 |
| 12 | `#a48c85` | `oklch(65.88% 0.0314 36.60)` | Irish Tea | black, 6.6 to 1 |
| 13 | `#9f867f` | `oklch(64.07% 0.0326 34.14)` | Pigeon Pink | black, 6.1 to 1 |
| 14 | `#9a807a` | `oklch(62.33% 0.0337 32.28)` | Cafe Ole | black, 5.7 to 1 |
| 15 | `#957a75` | `oklch(60.46% 0.0346 30.81)` | Antler | black, 5.3 to 1 |
| 16 | `#907570` | `oklch(58.56% 0.0354 29.68)` | Cadian | black, 4.9 to 1 |
| 17 | `#8b6f6b` | `oklch(56.80% 0.0362 28.87)` | Dutch Cocoa | black, 4.5 to 1 |
| 18 | `#876b66` | `oklch(55.32% 0.0367 28.35)` | Ferra | white, 4.8 to 1 |
| 19 | `#846863` | `oklch(54.28% 0.0371 28.09)` | Brazil Nut | white, 5 to 1 |
| 20 | `#836662` | `oklch(53.83% 0.0372 28.07)` | Pharlap | white, 5.1 to 1 |
| 21 | `#836762` | `oklch(53.95% 0.0371 28.32)` | Pharlap | white, 5.1 to 1 |
| 22 | `#846864` | `oklch(54.52% 0.0367 28.84)` | Brazil Nut | white, 5 to 1 |
| 23 | `#876b66` | `oklch(55.41% 0.0362 29.64)` | Ferra | white, 4.8 to 1 |
| 24 | `#8a6f69` | `oklch(56.52% 0.0356 30.71)` | Eclectic Plum | white, 4.6 to 1 |
| 25 | `#8d726d` | `oklch(57.72% 0.0349 32.06)` | Brown Rose | black, 4.7 to 1 |
| 26 | `#907670` | `oklch(58.90% 0.0343 33.69)` | Cadian | black, 5 to 1 |
| 27 | `#947b73` | `oklch(60.34% 0.0337 35.98)` | Soft Rabbit Brown | black, 5.3 to 1 |
| 28 | `#998078` | `oklch(62.05% 0.0329 38.82)` | Cougar | black, 5.7 to 1 |
| 29 | `#9e867d` | `oklch(63.86% 0.0321 41.90)` | Antique Bear | black, 6.1 to 1 |
| 30 | `#a28b81` | `oklch(65.60% 0.0314 44.87)` | Portobello | black, 6.5 to 1 |
| 31 | `#a69086` | `oklch(67.07% 0.0308 47.41)` | Tanglewood | black, 6.9 to 1 |
| 32 | `#a99488` | `oklch(68.11% 0.0303 49.19)` | Earl Grey | black, 7.2 to 1 |

## CSS

```css
background: linear-gradient(315deg, #d4c8bc 0.0%, #d1c5b9 3.2%, #cec0b5 6.5%, #cabbb0 9.7%, #c5b6ab 12.9%, #c0b0a6 16.1%, #bcaaa0 19.4%, #b7a59b 22.6%, #b39f96 25.8%, #ae9890 29.0%, #a9928a 32.3%, #a48c85 35.5%, #9f867f 38.7%, #9a807a 41.9%, #957a75 45.2%, #907570 48.4%, #8b6f6b 51.6%, #876b66 54.8%, #846863 58.1%, #836662 61.3%, #836762 64.5%, #846864 67.7%, #876b66 71.0%, #8a6f69 74.2%, #8d726d 77.4%, #907670 80.6%, #947b73 83.9%, #998078 87.1%, #9e867d 90.3%, #a28b81 93.5%, #a69086 96.8%, #a99488 100.0%);
background: linear-gradient(315deg in oklch, oklch(83.86% 0.0207 66.09) 0.0%, oklch(82.94% 0.0211 64.58) 3.2%, oklch(81.69% 0.0216 62.53) 6.5%, oklch(80.20% 0.0222 60.08) 9.7%, oklch(78.56% 0.0229 57.38) 12.9%, oklch(76.84% 0.0237 54.59) 16.1%, oklch(75.14% 0.0246 51.83) 19.4%, oklch(73.43% 0.0257 49.04) 22.6%, oklch(71.60% 0.0270 45.94) 25.8%, oklch(69.70% 0.0285 42.69) 29.0%, oklch(67.77% 0.0300 39.51) 32.3%, oklch(65.88% 0.0314 36.60) 35.5%, oklch(64.07% 0.0326 34.14) 38.7%, oklch(62.33% 0.0337 32.28) 41.9%, oklch(60.46% 0.0346 30.81) 45.2%, oklch(58.56% 0.0354 29.68) 48.4%, oklch(56.80% 0.0362 28.87) 51.6%, oklch(55.32% 0.0367 28.35) 54.8%, oklch(54.28% 0.0371 28.09) 58.1%, oklch(53.83% 0.0372 28.07) 61.3%, oklch(53.95% 0.0371 28.32) 64.5%, oklch(54.52% 0.0367 28.84) 67.7%, oklch(55.41% 0.0362 29.64) 71.0%, oklch(56.52% 0.0356 30.71) 74.2%, oklch(57.72% 0.0349 32.06) 77.4%, oklch(58.90% 0.0343 33.69) 80.6%, oklch(60.34% 0.0337 35.98) 83.9%, oklch(62.05% 0.0329 38.82) 87.1%, oklch(63.86% 0.0321 41.90) 90.3%, oklch(65.60% 0.0314 44.87) 93.5%, oklch(67.07% 0.0308 47.41) 96.8%, oklch(68.11% 0.0303 49.19) 100.0%);
```

## Keyframes

6 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees.

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.839 | 0.021 | 66.1 |
| 2 | 0.748 | 0.025 | 51.3 |
| 3 | 0.634 | 0.033 | 33.3 |
| 4 | 0.539 | 0.037 | 28.1 |
| 5 | 0.587 | 0.034 | 33.3 |
| 6 | 0.681 | 0.03 | 49.2 |

## In these collections

- [Warm neutral gradients](https://grabient.com/warm-neutral-gradients)

## Other forms

- [JSON](https://grabient.com/kY1Q8vXwk-NCMPdEjb9SozAlaLQc.json?steps=32&angle=315)
- [PNG](https://grabient.com/kY1Q8vXwk-NCMPdEjb9SozAlaLQc.png?steps=32&angle=315)
- [SVG](https://grabient.com/kY1Q8vXwk-NCMPdEjb9SozAlaLQc.svg?steps=32&angle=315)
- [CSS](https://grabient.com/kY1Q8vXwk-NCMPdEjb9SozAlaLQc.css?steps=32&angle=315)
- [ASE](https://grabient.com/kY1Q8vXwk-NCMPdEjb9SozAlaLQc.ase?steps=32&angle=315)
- [GPL](https://grabient.com/kY1Q8vXwk-NCMPdEjb9SozAlaLQc.gpl?steps=32&angle=315)
- [GRD](https://grabient.com/kY1Q8vXwk-NCMPdEjb9SozAlaLQc.grd?steps=32&angle=315)
- [Design tokens](https://grabient.com/kY1Q8vXwk-NCMPdEjb9SozAlaLQc.tokens.json?steps=32&angle=315)
- [Social card](https://grabient.com/api/og?seed=kY1Q8vXwk-NCMPdEjb9SozAlaLQc&steps=32&angle=315)
- [Palettes like this one](https://grabient.com/palettes?q=kY1Q8vXwk-NCMPdEjb9SozAlaLQc)
- [Guide for agents](https://grabient.com/llms.txt)