# Charcoal, mauve and tan warm neutral palette

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

- Also called: Gray and mauve linear gradient
- Seed: `kSYAgMzI69rqIR2`
- Page: https://grabient.com/kSYAgMzI69rqIR2?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: neutral, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.5 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 | `#484040` | `oklch(37.80% 0.0110 17.58)` | Shale | white, 10.1 to 1 |
| 2 | `#4b4242` | `oklch(38.68% 0.0122 16.73)` | Rhodonite Brown | white, 9.7 to 1 |
| 3 | `#4e4445` | `oklch(39.86% 0.0137 15.46)` | Black Garnet | white, 9.3 to 1 |
| 4 | `#534848` | `oklch(41.28% 0.0155 13.85)` | Chinotto | white, 8.7 to 1 |
| 5 | `#594c4d` | `oklch(42.90% 0.0176 11.98)` | Wizard’s Spell | white, 8.2 to 1 |
| 6 | `#5f5052` | `oklch(44.66% 0.0199 9.94)` | Sophisticated Plum | white, 7.6 to 1 |
| 7 | `#655557` | `oklch(46.53% 0.0223 7.81)` | High Rank | white, 7 to 1 |
| 8 | `#6c595d` | `oklch(48.45% 0.0247 5.67)` | Deepest Mauve | white, 6.4 to 1 |
| 9 | `#735e63` | `oklch(50.38% 0.0272 3.60)` | Impromptu | white, 5.9 to 1 |
| 10 | `#796368` | `oklch(52.27% 0.0297 1.68)` | Pretty Puce | white, 5.5 to 1 |
| 11 | `#7f676e` | `oklch(54.07% 0.0320 359.99)` | Amazing Amethyst | white, 5.1 to 1 |
| 12 | `#856c73` | `oklch(55.73% 0.0341 358.62)` | Punctuate | white, 4.7 to 1 |
| 13 | `#8a6f78` | `oklch(57.20% 0.0360 357.65)` | Myself | black, 4.6 to 1 |
| 14 | `#8f737c` | `oklch(58.45% 0.0376 357.16)` | Plum Legacy | black, 4.8 to 1 |
| 15 | `#93757f` | `oklch(59.41% 0.0389 357.22)` | Tragic Juliet | black, 5 to 1 |
| 16 | `#957780` | `oklch(60.05% 0.0397 357.93)` | Dusk Wine | black, 5.2 to 1 |
| 17 | `#967880` | `oklch(60.32% 0.0401 359.39)` | Bohemian Jazz | black, 5.2 to 1 |
| 18 | `#96777f` | `oklch(60.25% 0.0400 1.71)` | Bohemian Jazz | black, 5.2 to 1 |
| 19 | `#95767d` | `oklch(59.87% 0.0395 4.80)` | Chocolaty | black, 5.1 to 1 |
| 20 | `#937579` | `oklch(59.23% 0.0387 8.55)` | Socialite | black, 5 to 1 |
| 21 | `#907375` | `oklch(58.37% 0.0376 12.83)` | Socialite | black, 4.8 to 1 |
| 22 | `#8d7070` | `oklch(57.34% 0.0363 17.54)` | Touch of Class | black, 4.6 to 1 |
| 23 | `#886d6b` | `oklch(56.16% 0.0348 22.56)` | Sandstone Red Grey | white, 4.7 to 1 |
| 24 | `#846a67` | `oklch(54.88% 0.0332 27.76)` | Autumn Ashes | white, 4.9 to 1 |
| 25 | `#7f6762` | `oklch(53.55% 0.0315 33.02)` | Zanzibar | white, 5.2 to 1 |
| 26 | `#79645d` | `oklch(52.20% 0.0298 38.24)` | Ranch House | white, 5.5 to 1 |
| 27 | `#746159` | `oklch(50.88% 0.0282 43.30)` | Poppy Pods | white, 5.8 to 1 |
| 28 | `#6f5e55` | `oklch(49.62% 0.0266 48.07)` | Dorado | white, 6.1 to 1 |
| 29 | `#6b5b52` | `oklch(48.47% 0.0251 52.44)` | Oiled Teak | white, 6.4 to 1 |
| 30 | `#67594f` | `oklch(47.46% 0.0238 56.29)` | Underground | white, 6.7 to 1 |
| 31 | `#64574d` | `oklch(46.65% 0.0228 59.50)` | Osprey | white, 6.9 to 1 |
| 32 | `#62564c` | `oklch(46.06% 0.0220 61.96)` | Osprey | white, 7.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #484040 0.0%, #4b4242 3.2%, #4e4445 6.5%, #534848 9.7%, #594c4d 12.9%, #5f5052 16.1%, #655557 19.4%, #6c595d 22.6%, #735e63 25.8%, #796368 29.0%, #7f676e 32.3%, #856c73 35.5%, #8a6f78 38.7%, #8f737c 41.9%, #93757f 45.2%, #957780 48.4%, #967880 51.6%, #96777f 54.8%, #95767d 58.1%, #937579 61.3%, #907375 64.5%, #8d7070 67.7%, #886d6b 71.0%, #846a67 74.2%, #7f6762 77.4%, #79645d 80.6%, #746159 83.9%, #6f5e55 87.1%, #6b5b52 90.3%, #67594f 93.5%, #64574d 96.8%, #62564c 100.0%);
background: linear-gradient(90deg in oklch, oklch(37.80% 0.0110 17.58) 0.0%, oklch(38.68% 0.0122 16.73) 3.2%, oklch(39.86% 0.0137 15.46) 6.5%, oklch(41.28% 0.0155 13.85) 9.7%, oklch(42.90% 0.0176 11.98) 12.9%, oklch(44.66% 0.0199 9.94) 16.1%, oklch(46.53% 0.0223 7.81) 19.4%, oklch(48.45% 0.0247 5.67) 22.6%, oklch(50.38% 0.0272 3.60) 25.8%, oklch(52.27% 0.0297 1.68) 29.0%, oklch(54.07% 0.0320 359.99) 32.3%, oklch(55.73% 0.0341 358.62) 35.5%, oklch(57.20% 0.0360 357.65) 38.7%, oklch(58.45% 0.0376 357.16) 41.9%, oklch(59.41% 0.0389 357.22) 45.2%, oklch(60.05% 0.0397 357.93) 48.4%, oklch(60.32% 0.0401 359.39) 51.6%, oklch(60.25% 0.0400 1.71) 54.8%, oklch(59.87% 0.0395 4.80) 58.1%, oklch(59.23% 0.0387 8.55) 61.3%, oklch(58.37% 0.0376 12.83) 64.5%, oklch(57.34% 0.0363 17.54) 67.7%, oklch(56.16% 0.0348 22.56) 71.0%, oklch(54.88% 0.0332 27.76) 74.2%, oklch(53.55% 0.0315 33.02) 77.4%, oklch(52.20% 0.0298 38.24) 80.6%, oklch(50.88% 0.0282 43.30) 83.9%, oklch(49.62% 0.0266 48.07) 87.1%, oklch(48.47% 0.0251 52.44) 90.3%, oklch(47.46% 0.0238 56.29) 93.5%, oklch(46.65% 0.0228 59.50) 96.8%, oklch(46.06% 0.0220 61.96) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.378 | 0.011 | 17.6 |
| 2 | 0.602 | 0.04 | -1.4 |
| 3 | 0.461 | 0.022 | 62 |

## In these collections

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

## Other forms

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