# Mauve color palette

The Mauve color palette brings together red and gray. 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: Mauve, gray and brown linear swatches
- Seed: `kSjx0KOYpACyIv0`
- Page: https://grabient.com/kSjx0KOYpACyIv0?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Kinds: neutral, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 2.4 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 | `#8b6c6e` | `oklch(56.30% 0.0400 14.06)` | Chocolate Sparkle | white, 4.6 to 1 |
| 2 | `#87696b` | `oklch(55.09% 0.0385 14.25)` | Ferra | white, 4.9 to 1 |
| 3 | `#816566` | `oklch(53.41% 0.0364 14.57)` | Amazing Amethyst | white, 5.2 to 1 |
| 4 | `#7a6061` | `oklch(51.43% 0.0340 14.92)` | Pretty Puce | white, 5.7 to 1 |
| 5 | `#725a5b` | `oklch(49.30% 0.0315 15.20)` | Peppercorn | white, 6.2 to 1 |
| 6 | `#6b5556` | `oklch(47.19% 0.0293 15.30)` | Grand Plum | white, 6.8 to 1 |
| 7 | `#655051` | `oklch(45.28% 0.0276 15.12)` | Robeson Rose | white, 7.4 to 1 |
| 8 | `#5f4b4c` | `oklch(43.41% 0.0263 14.54)` | Raisin | white, 8 to 1 |
| 9 | `#594647` | `oklch(41.43% 0.0254 13.63)` | Wild Boysenberry | white, 8.7 to 1 |
| 10 | `#534143` | `oklch(39.47% 0.0247 12.54)` | Rich Bordeaux | white, 9.5 to 1 |
| 11 | `#4d3c3e` | `oklch(37.66% 0.0242 11.44)` | Burnt Bamboo | white, 10.2 to 1 |
| 12 | `#49383a` | `oklch(36.14% 0.0238 10.48)` | Warm Operator’s Overalls | white, 10.9 to 1 |
| 13 | `#463638` | `oklch(35.04% 0.0234 9.84)` | Noblesse Oblige | white, 11.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #8b6c6e 0.000% 7.692%, #87696b 7.692% 15.385%, #816566 15.385% 23.077%, #7a6061 23.077% 30.769%, #725a5b 30.769% 38.462%, #6b5556 38.462% 46.154%, #655051 46.154% 53.846%, #5f4b4c 53.846% 61.538%, #594647 61.538% 69.231%, #534143 69.231% 76.923%, #4d3c3e 76.923% 84.615%, #49383a 84.615% 92.308%, #463638 92.308% 100.000%);
background: linear-gradient(90deg, oklch(56.30% 0.0400 14.06) 0.000% 7.692%, oklch(55.09% 0.0385 14.25) 7.692% 15.385%, oklch(53.41% 0.0364 14.57) 15.385% 23.077%, oklch(51.43% 0.0340 14.92) 23.077% 30.769%, oklch(49.30% 0.0315 15.20) 30.769% 38.462%, oklch(47.19% 0.0293 15.30) 38.462% 46.154%, oklch(45.28% 0.0276 15.12) 46.154% 53.846%, oklch(43.41% 0.0263 14.54) 53.846% 61.538%, oklch(41.43% 0.0254 13.63) 61.538% 69.231%, oklch(39.47% 0.0247 12.54) 69.231% 76.923%, oklch(37.66% 0.0242 11.44) 76.923% 84.615%, oklch(36.14% 0.0238 10.48) 84.615% 92.308%, oklch(35.04% 0.0234 9.84) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.563 | 0.04 | 14.1 |
| 2 | 0.453 | 0.028 | 15.1 |
| 3 | 0.35 | 0.023 | 9.8 |

## In these collections

- [Warm neutral gradients](https://grabient.com/warm-neutral-gradients)
- [Minimal color palette](https://grabient.com/minimal-color-palette)

## Other forms

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