# Wine and near-black burgundy palette

The Wine and near-black burgundy palette brings together red, light red, pale orange, and dark 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 orange.

- Also called: Maroon, pink, gray and black linear swatches
- Seed: `kUTkUDZJhAvUJw4YDjsg`
- Page: https://grabient.com/kUTkUDZJhAvUJw4YDjsg?style=linearSwatches&steps=4
- Drawn as: linear swatches, 4 steps, 90 degrees
- Kinds: light center, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 14.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 | `#54142a` | `oklch(30.71% 0.0951 4.22)` | Drops of God | white, 13.8 to 1 |
| 2 | `#e2aab1` | `oklch(79.13% 0.0661 10.56)` | Raspberry Lemonade | black, 10.6 to 1 |
| 3 | `#f5e0d8` | `oklch(92.13% 0.0262 41.21)` | Peachy Milk | black, 16.5 to 1 |
| 4 | `#210b12` | `oklch(18.90% 0.0386 1.05)` | Italian Roast | white, 18.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #54142a 0.000% 25.000%, #e2aab1 25.000% 50.000%, #f5e0d8 50.000% 75.000%, #210b12 75.000% 100.000%);
background: linear-gradient(90deg, oklch(30.71% 0.0951 4.22) 0.000% 25.000%, oklch(79.13% 0.0661 10.56) 25.000% 50.000%, oklch(92.13% 0.0262 41.21) 50.000% 75.000%, oklch(18.90% 0.0386 1.05) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.307 | 0.095 | 4.2 |
| 2 | 0.791 | 0.066 | 10.6 |
| 3 | 0.921 | 0.026 | 41.2 |
| 4 | 0.189 | 0.039 | 1 |

## In these collections

- [Burgundy swatches](https://grabient.com/burgundy-swatches)

## Other forms

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