# Burgundy and mauve color palette

The Burgundy and mauve color palette brings together dark red, red, light red, and pale red. The colors span a very broad lightness range, combining moderate color with high contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark red, and its lightest tone is pale red.

- Also called: Analogous black, maroon and pink linear swatches
- Seed: `kWKSwXm6C_MGfPRiokBcRdAw`
- Page: https://grabient.com/kWKSwXm6C_MGfPRiokBcRdAw?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Kinds: dark to light, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 13.7 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 | `#220200` | `oklch(16.15% 0.0605 32.43)` | Ponzu Brown | white, 19.5 to 1 |
| 2 | `#240100` | `oklch(16.68% 0.0649 31.04)` | Ponzu Brown | white, 19.4 to 1 |
| 3 | `#290000` | `oklch(17.81% 0.0724 29.57)` | Sepia Black | white, 19.1 to 1 |
| 4 | `#390002` | `oklch(21.70% 0.0884 26.95)` | Dark Maroon | white, 17.8 to 1 |
| 5 | `#52151b` | `oklch(29.97% 0.0902 18.92)` | Chocolate Cosmos | white, 14.1 to 1 |
| 6 | `#713440` | `oklch(40.99% 0.0871 9.13)` | Catawba | white, 9.2 to 1 |
| 7 | `#905263` | `oklch(51.57% 0.0854 2.40)` | Velour Scar | white, 5.8 to 1 |
| 8 | `#b06c80` | `oklch(61.07% 0.0887 1.27)` | Crushed Raspberry | black, 5.3 to 1 |
| 9 | `#d08699` | `oklch(70.12% 0.0933 3.18)` | Speckled Easter Egg | black, 7.5 to 1 |
| 10 | `#ea9dad` | `oklch(77.56% 0.0937 5.57)` | Brandywine Spritz | black, 9.9 to 1 |
| 11 | `#f8b0bc` | `oklch(82.87% 0.0853 8.00)` | Sweet Caroline | black, 11.9 to 1 |
| 12 | `#fec0c7` | `oklch(86.56% 0.0727 10.89)` | Piglet | black, 13.5 to 1 |
| 13 | `#ffccd0` | `oklch(88.98% 0.0586 12.97)` | Lusty-Gallant | black, 14.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #220200 0.000% 7.692%, #240100 7.692% 15.385%, #290000 15.385% 23.077%, #390002 23.077% 30.769%, #52151b 30.769% 38.462%, #713440 38.462% 46.154%, #905263 46.154% 53.846%, #b06c80 53.846% 61.538%, #d08699 61.538% 69.231%, #ea9dad 69.231% 76.923%, #f8b0bc 76.923% 84.615%, #fec0c7 84.615% 92.308%, #ffccd0 92.308% 100.000%);
background: linear-gradient(90deg, oklch(16.15% 0.0605 32.43) 0.000% 7.692%, oklch(16.68% 0.0649 31.04) 7.692% 15.385%, oklch(17.81% 0.0724 29.57) 15.385% 23.077%, oklch(21.70% 0.0884 26.95) 23.077% 30.769%, oklch(29.97% 0.0902 18.92) 30.769% 38.462%, oklch(40.99% 0.0871 9.13) 38.462% 46.154%, oklch(51.57% 0.0854 2.40) 46.154% 53.846%, oklch(61.07% 0.0887 1.27) 53.846% 61.538%, oklch(70.12% 0.0933 3.18) 61.538% 69.231%, oklch(77.56% 0.0937 5.57) 69.231% 76.923%, oklch(82.87% 0.0853 8.00) 76.923% 84.615%, oklch(86.56% 0.0727 10.89) 84.615% 92.308%, oklch(88.98% 0.0586 12.97) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.161 | 0.061 | 33 |
| 2 | 0.217 | 0.09 | 26.7 |
| 3 | 0.516 | 0.085 | 2.4 |
| 4 | 0.776 | 0.094 | 5.6 |
| 5 | 0.89 | 0.063 | 13 |

## In these collections

- [Pink swatches](https://grabient.com/pink-swatches)
- [Red swatches](https://grabient.com/red-swatches)
- [Maroon color palette](https://grabient.com/maroon-color-palette)

## Other forms

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