# Wine color palette

The Wine color palette brings together magenta, red, and light red. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is magenta, and its lightest tone is light red.

- Also called: Vivid analogous maroon and pink linear swatches
- Seed: `kWUV7_tzxBs1HwLbQj_XqO_A`
- Page: https://grabient.com/kWUV7_tzxBs1HwLbQj_XqO_A?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: 5.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 | `#610031` | `oklch(31.89% 0.1295 359.30)` | Mulberry Wood | white, 13.5 to 1 |
| 2 | `#6e0132` | `oklch(34.63% 0.1390 3.45)` | Merlot | white, 12.3 to 1 |
| 3 | `#810332` | `oklch(38.64% 0.1524 9.24)` | Inescapable Lover | white, 10.5 to 1 |
| 4 | `#960d34` | `oklch(43.31% 0.1654 14.09)` | Lifeline | white, 8.7 to 1 |
| 5 | `#ae1d3a` | `oklch(48.88% 0.1780 17.11)` | Chilli Pepper | white, 6.9 to 1 |
| 6 | `#c92d43` | `oklch(55.10% 0.1901 19.18)` | Red Peppercorn | white, 5.3 to 1 |
| 7 | `#df3e4d` | `oklch(60.63% 0.1970 20.43)` | Celestial Coral | black, 4.9 to 1 |
| 8 | `#f04d59` | `oklch(65.08% 0.1980 20.86)` | Highlighter Red | black, 5.9 to 1 |
| 9 | `#fc5d66` | `oklch(68.82% 0.1938 20.47)` | Grenadine Pink | black, 6.8 to 1 |
| 10 | `#ff6d75` | `oklch(71.65% 0.1778 19.37)` | Begonia | black, 7.7 to 1 |
| 11 | `#fb7b85` | `oklch(73.29% 0.1559 17.11)` | Anime Blush | black, 8.2 to 1 |
| 12 | `#ed8993` | `oklch(74.00% 0.1222 14.13)` | Flamingo Dream | black, 8.6 to 1 |
| 13 | `#e2929c` | `oklch(74.41% 0.0978 11.98)` | Rose Marquis | black, 8.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #610031 0.000% 7.692%, #6e0132 7.692% 15.385%, #810332 15.385% 23.077%, #960d34 23.077% 30.769%, #ae1d3a 30.769% 38.462%, #c92d43 38.462% 46.154%, #df3e4d 46.154% 53.846%, #f04d59 53.846% 61.538%, #fc5d66 61.538% 69.231%, #ff6d75 69.231% 76.923%, #fb7b85 76.923% 84.615%, #ed8993 84.615% 92.308%, #e2929c 92.308% 100.000%);
background: linear-gradient(90deg, oklch(31.89% 0.1295 359.30) 0.000% 7.692%, oklch(34.63% 0.1390 3.45) 7.692% 15.385%, oklch(38.64% 0.1524 9.24) 15.385% 23.077%, oklch(43.31% 0.1654 14.09) 23.077% 30.769%, oklch(48.88% 0.1780 17.11) 30.769% 38.462%, oklch(55.10% 0.1901 19.18) 38.462% 46.154%, oklch(60.63% 0.1970 20.43) 46.154% 53.846%, oklch(65.08% 0.1980 20.86) 53.846% 61.538%, oklch(68.82% 0.1938 20.47) 61.538% 69.231%, oklch(71.65% 0.1778 19.37) 69.231% 76.923%, oklch(73.29% 0.1559 17.11) 76.923% 84.615%, oklch(74.00% 0.1222 14.13) 84.615% 92.308%, oklch(74.41% 0.0978 11.98) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.319 | 0.13 | 359.3 |
| 2 | 0.433 | 0.165 | 374.1 |
| 3 | 0.606 | 0.197 | 380.4 |
| 4 | 0.717 | 0.182 | 379.4 |
| 5 | 0.744 | 0.098 | 372 |

## In these collections

- [Pink gradients](https://grabient.com/pink-gradients)
- [Red gradients](https://grabient.com/red-gradients)

## Other forms

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