# Sage, stone and mauve romantic palette

The Sage, stone and mauve romantic palette brings together green, off-white, light red, and red. The colors span a broad lightness range, combining restrained color with clear contrast. Its balanced and composed character suits invitation suites and ceremony stationery. Its darkest tone is green, and its lightest tone is off-white.

- Also called: Teal, gray, pink and mauve radial swatches
- Seed: `kWch58WQ88XOHOXnkjZTpw_A`
- Page: https://grabient.com/kWch58WQ88XOHOXnkjZTpw_A?style=radialSwatches&steps=5
- Drawn as: radial swatches, 5 steps, 90 degrees
- Kinds: light center, pastel
- Hues: complementary
- Contrast of its darkest and lightest colors: 5.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 | `#3c5d53` | `oklch(44.88% 0.0413 174.37)` | Trekking Green | white, 7.3 to 1 |
| 2 | `#90a68f` | `oklch(70.08% 0.0413 143.73)` | Sonoma Sage | black, 8 to 1 |
| 3 | `#e6e1d3` | `oklch(90.94% 0.0193 88.78)` | Crisp Linen | black, 16 to 1 |
| 4 | `#e0b6bd` | `oklch(81.50% 0.0496 7.41)` | Heart’s Content | black, 11.5 to 1 |
| 5 | `#ac7284` | `oklch(61.81% 0.0772 0.01)` | Shade of Mauve | black, 5.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #3c5d53 0.000% 20.000%, #90a68f 20.000% 40.000%, #e6e1d3 40.000% 60.000%, #e0b6bd 60.000% 80.000%, #ac7284 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(44.88% 0.0413 174.37) 0.000% 20.000%, oklch(70.08% 0.0413 143.73) 20.000% 40.000%, oklch(90.94% 0.0193 88.78) 40.000% 60.000%, oklch(81.50% 0.0496 7.41) 60.000% 80.000%, oklch(61.81% 0.0772 0.01) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.449 | 0.041 | 174.4 |
| 2 | 0.701 | 0.041 | 143.7 |
| 3 | 0.909 | 0.019 | 88.8 |
| 4 | 0.815 | 0.05 | 7.4 |
| 5 | 0.618 | 0.077 | 0 |

## In these collections

- [Romantic color palette](https://grabient.com/romantic-color-palette)

## Other forms

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