# Stone, blush and mauve soft palette

The Stone, blush and mauve soft palette brings together off-white, light purple, light magenta, light red, and magenta. The colors span a moderate lightness range, combining restrained color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is magenta, and its lightest tone is off-white.

- Also called: Analogous gray, pink and purple linear swatches
- Seed: `kW5QnXbBe_-WWRRcjsXTZe3o`
- Page: https://grabient.com/kW5QnXbBe_-WWRRcjsXTZe3o?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: pastel
- Hues: wide
- Contrast of its darkest and lightest colors: 2.9 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 | `#e0dde6` | `oklch(90.16% 0.0124 302.34)` | Minified Purple | black, 15.6 to 1 |
| 2 | `#d6c4f2` | `oklch(85.04% 0.0648 302.34)` | Soap | black, 13 to 1 |
| 3 | `#dbaec6` | `oklch(79.92% 0.0606 345.67)` | Pink Lavender | black, 10.9 to 1 |
| 4 | `#bf9f96` | `oklch(72.83% 0.0400 35.34)` | Andes Ash | black, 8.6 to 1 |
| 5 | `#987699` | `oklch(61.02% 0.0648 325.59)` | Rebel Rouser | black, 5.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #e0dde6 0.000% 20.000%, #d6c4f2 20.000% 40.000%, #dbaec6 40.000% 60.000%, #bf9f96 60.000% 80.000%, #987699 80.000% 100.000%);
background: linear-gradient(90deg, oklch(90.16% 0.0124 302.34) 0.000% 20.000%, oklch(85.04% 0.0648 302.34) 20.000% 40.000%, oklch(79.92% 0.0606 345.67) 40.000% 60.000%, oklch(72.83% 0.0400 35.34) 60.000% 80.000%, oklch(61.02% 0.0648 325.59) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.902 | 0.012 | 302.3 |
| 2 | 0.85 | 0.065 | 302.3 |
| 3 | 0.799 | 0.061 | 345.7 |
| 4 | 0.728 | 0.04 | 395.3 |
| 5 | 0.61 | 0.065 | 325.6 |

## In these collections

- [Soft swatches](https://grabient.com/soft-swatches)

## Other forms

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