# Wine color palette

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

- Also called: Analogous maroon, mauve and pink linear swatches
- Seed: `kWSEQFraxATexQBErcAXJnAY`
- Page: https://grabient.com/kWSEQFraxATexQBErcAXJnAY?style=linearSwatches&steps=5&angle=315
- Drawn as: linear swatches, 5 steps, 315 degrees
- Kinds: dark to light, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 6 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 | `#4d0e21` | `oklch(28.35% 0.0937 7.73)` | Maroon Oak | white, 15 to 1 |
| 2 | `#6d162d` | `oklch(35.83% 0.1213 10.90)` | Velvet Outbreak | white, 11.6 to 1 |
| 3 | `#8c283e` | `oklch(43.70% 0.1350 11.96)` | Thrill Ride | white, 8.4 to 1 |
| 4 | `#aa4b59` | `oklch(53.94% 0.1254 13.02)` | Hippie Pink | white, 5.4 to 1 |
| 5 | `#d09697` | `oklch(72.83% 0.0703 17.25)` | Keel Joy | black, 8.4 to 1 |

## CSS

```css
background: linear-gradient(315deg, #4d0e21 0.000% 20.000%, #6d162d 20.000% 40.000%, #8c283e 40.000% 60.000%, #aa4b59 60.000% 80.000%, #d09697 80.000% 100.000%);
background: linear-gradient(315deg, oklch(28.35% 0.0937 7.73) 0.000% 20.000%, oklch(35.83% 0.1213 10.90) 20.000% 40.000%, oklch(43.70% 0.1350 11.96) 40.000% 60.000%, oklch(53.94% 0.1254 13.02) 60.000% 80.000%, oklch(72.83% 0.0703 17.25) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.283 | 0.094 | 7.7 |
| 2 | 0.358 | 0.121 | 10.9 |
| 3 | 0.437 | 0.135 | 12 |
| 4 | 0.539 | 0.125 | 13 |
| 5 | 0.728 | 0.07 | 17.2 |

## In these collections

- [Burgundy swatches](https://grabient.com/burgundy-swatches)
- [Maroon color palette](https://grabient.com/maroon-color-palette)

## Other forms

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