# Stone, sage and mauve muted multicolor palette

The Stone, sage and mauve muted multicolor palette brings together light red, orange, green, blue, and red. The colors span a narrow lightness range, combining moderate 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 red.

- Also called: Pink, tan, gray and mauve linear swatches
- Seed: `kYwCAO3J_HVmVxJZjsy0o9GU2Wyi`
- Page: https://grabient.com/kYwCAO3J_HVmVxJZjsy0o9GU2Wyi?style=linearSwatches&steps=6&angle=180
- Drawn as: linear swatches, 6 steps, 180 degrees
- Kinds: muted
- Hues: wide
- Contrast of its darkest and lightest colors: 1.7 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 | `#cba5a4` | `oklch(75.59% 0.0441 20.39)` | Hydrangea Bouquet | black, 9.4 to 1 |
| 2 | `#c2a266` | `oklch(72.83% 0.0868 82.74)` | Magic Lamp | black, 8.6 to 1 |
| 3 | `#99a67d` | `oklch(70.47% 0.0593 121.84)` | Forester | black, 8.1 to 1 |
| 4 | `#87a5b4` | `oklch(70.47% 0.0400 229.63)` | Favourite Jeans | black, 8 to 1 |
| 5 | `#8b8ca8` | `oklch(64.96% 0.0413 283.52)` | Delicate Violet | black, 6.4 to 1 |
| 6 | `#a5747b` | `oklch(61.02% 0.0620 10.18)` | Nostalgia Rose | black, 5.3 to 1 |

## CSS

```css
background: linear-gradient(180deg, #cba5a4 0.000% 16.667%, #c2a266 16.667% 33.333%, #99a67d 33.333% 50.000%, #87a5b4 50.000% 66.667%, #8b8ca8 66.667% 83.333%, #a5747b 83.333% 100.000%);
background: linear-gradient(180deg, oklch(75.59% 0.0441 20.39) 0.000% 16.667%, oklch(72.83% 0.0868 82.74) 16.667% 33.333%, oklch(70.47% 0.0593 121.84) 33.333% 50.000%, oklch(70.47% 0.0400 229.63) 50.000% 66.667%, oklch(64.96% 0.0413 283.52) 66.667% 83.333%, oklch(61.02% 0.0620 10.18) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.756 | 0.044 | 20.4 |
| 2 | 0.728 | 0.087 | 82.7 |
| 3 | 0.705 | 0.059 | 121.8 |
| 4 | 0.705 | 0.04 | 229.6 |
| 5 | 0.65 | 0.041 | 283.5 |
| 6 | 0.61 | 0.062 | 370.2 |

## In these collections

- [Muted multicolor swatches](https://grabient.com/muted-multicolor-swatches)

## Other forms

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