# Stone, plum and burgundy color palette

The Stone, plum and burgundy color palette brings together pale magenta, dark magenta, magenta, red, and dark red. The colors span a very broad lightness range, combining moderate color with high contrast. Its balanced and composed character suits website sections and interface mockups. Its darkest tone is dark magenta, and its lightest tone is pale magenta.

- Also called: Gray, dark purple, purple and brown linear swatches
- Seed: `kW5xLlGZe_6erwq2l8JHpDDw`
- Page: https://grabient.com/kW5xLlGZe_6erwq2l8JHpDDw?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: dark center, dark
- Hues: analogous
- Contrast of its darkest and lightest colors: 13.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 | `#e9dceb` | `oklch(90.94% 0.0248 322.03)` | Sprinkle | black, 15.9 to 1 |
| 2 | `#230a27` | `oklch(20.08% 0.0648 322.03)` | Meški Black | white, 18.3 to 1 |
| 3 | `#570a3e` | `oklch(31.10% 0.1199 345.28)` | Royal Ash | white, 13.8 to 1 |
| 4 | `#6e404a` | `oklch(42.91% 0.0648 5.36)` | Cryptic Light | white, 8.4 to 1 |
| 5 | `#31170f` | `oklch(24.02% 0.0455 38.12)` | Darkroom | white, 16.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #e9dceb 0.000% 20.000%, #230a27 20.000% 40.000%, #570a3e 40.000% 60.000%, #6e404a 60.000% 80.000%, #31170f 80.000% 100.000%);
background: linear-gradient(90deg, oklch(90.94% 0.0248 322.03) 0.000% 20.000%, oklch(20.08% 0.0648 322.03) 20.000% 40.000%, oklch(31.10% 0.1199 345.28) 40.000% 60.000%, oklch(42.91% 0.0648 5.36) 60.000% 80.000%, oklch(24.02% 0.0455 38.12) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.909 | 0.025 | 322 |
| 2 | 0.201 | 0.065 | 322 |
| 3 | 0.311 | 0.12 | 345.3 |
| 4 | 0.429 | 0.065 | 365.4 |
| 5 | 0.24 | 0.045 | 398.1 |

## In these collections

- [Dark swatches](https://grabient.com/dark-swatches)
- [Dark academia swatches](https://grabient.com/dark-academia-swatches)
- [Plum noir swatches](https://grabient.com/plum-noir-swatches)

## Other forms

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