# Mauve, sage and rose color palette

The Mauve, sage and rose color palette brings together dark gray, green, yellow, and red. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits seasonal packaging and event invitations. Its darkest tone is dark gray, and its lightest tone is yellow.

- Also called: Dark gray, dark green and magenta linear swatches
- Seed: `kYTQ2VtZI5kcgvnKkLwQ50z744vw`
- Page: https://grabient.com/kYTQ2VtZI5kcgvnKkLwQ50z744vw?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 3.2 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 | `#243134` | `oklch(30.31% 0.0179 210.23)` | Navy Black | white, 13.3 to 1 |
| 2 | `#365642` | `oklch(42.13% 0.0496 156.34)` | O’Neal Green | white, 8.2 to 1 |
| 3 | `#538251` | `oklch(55.91% 0.0896 143.66)` | Rambling Green | black, 4.6 to 1 |
| 4 | `#7d7f60` | `oklch(58.66% 0.0455 110.90)` | Koi Pond | black, 5 to 1 |
| 5 | `#945862` | `oklch(53.15% 0.0799 9.45)` | Ruby Crystal | white, 5.4 to 1 |
| 6 | `#a22d59` | `oklch(48.82% 0.1557 2.05)` | Parlour Red | white, 6.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #243134 0.000% 16.667%, #365642 16.667% 33.333%, #538251 33.333% 50.000%, #7d7f60 50.000% 66.667%, #945862 66.667% 83.333%, #a22d59 83.333% 100.000%);
background: linear-gradient(90deg, oklch(30.31% 0.0179 210.23) 0.000% 16.667%, oklch(42.13% 0.0496 156.34) 16.667% 33.333%, oklch(55.91% 0.0896 143.66) 33.333% 50.000%, oklch(58.66% 0.0455 110.90) 50.000% 66.667%, oklch(53.15% 0.0799 9.45) 66.667% 83.333%, oklch(48.82% 0.1557 2.05) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.303 | 0.018 | 210.2 |
| 2 | 0.421 | 0.05 | 156.3 |
| 3 | 0.559 | 0.09 | 143.7 |
| 4 | 0.587 | 0.045 | 110.9 |
| 5 | 0.531 | 0.08 | 9.5 |
| 6 | 0.488 | 0.156 | 2.1 |

## In these collections

- [Cranberry bog harvest](https://grabient.com/cranberry-bog-harvest)
- [Fall swatches](https://grabient.com/fall-swatches)
- [Red and green swatches](https://grabient.com/red-and-green-swatches)

## Other forms

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