# Mauve, tan and sage muted multicolor palette

The Mauve, tan and sage muted multicolor palette brings together magenta, orange, yellow, and green. The colors span a moderate lightness range, combining restrained color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is magenta, and its lightest tone is yellow.

- Also called: Dark purple and gray linear swatches
- Seed: `kWWBrsQZJA9YRRvZFMhRY5F4`
- Page: https://grabient.com/kWWBrsQZJA9YRRvZFMhRY5F4?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: light center, muted, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 4.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 | `#453342` | `oklch(34.65% 0.0358 331.88)` | Voodoo | white, 11.6 to 1 |
| 2 | `#7c5d71` | `oklch(51.57% 0.0496 340.33)` | Chicha Morada | white, 5.7 to 1 |
| 3 | `#b28e82` | `oklch(67.72% 0.0469 39.51)` | Coyote Tracks | black, 7 to 1 |
| 4 | `#a0a27a` | `oklch(70.08% 0.0565 110.31)` | French Parsley | black, 7.9 to 1 |
| 5 | `#5d7869` | `oklch(54.72% 0.0386 161.03)` | Mt Burleigh | white, 4.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #453342 0.000% 20.000%, #7c5d71 20.000% 40.000%, #b28e82 40.000% 60.000%, #a0a27a 60.000% 80.000%, #5d7869 80.000% 100.000%);
background: linear-gradient(90deg, oklch(34.65% 0.0358 331.88) 0.000% 20.000%, oklch(51.57% 0.0496 340.33) 20.000% 40.000%, oklch(67.72% 0.0469 39.51) 40.000% 60.000%, oklch(70.08% 0.0565 110.31) 60.000% 80.000%, oklch(54.72% 0.0386 161.03) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.346 | 0.036 | 331.9 |
| 2 | 0.516 | 0.05 | 340.3 |
| 3 | 0.677 | 0.047 | 399.5 |
| 4 | 0.701 | 0.056 | 470.3 |
| 5 | 0.547 | 0.039 | 521 |

## In these collections

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

## Other forms

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