# Wine color palette

The Wine color palette brings together dark magenta, magenta, and red. The colors span a narrow lightness range, combining strong color with gentle contrast. Its balanced and composed character suits website sections and interface mockups. Its darkest tone is dark magenta, and its lightest tone is red.

- Also called: Vivid analogous purple and maroon angular swatches
- Seed: `kWR1D7rbpAjrIwcwwb8J689w`
- Page: https://grabient.com/kWR1D7rbpAjrIwcwwb8J689w?style=angularSwatches&steps=5&angle=25
- Drawn as: angular swatches, 5 steps, 25 degrees
- Kinds: vivid, dark, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 1.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 | `#4d032d` | `oklch(27.95% 0.1102 353.67)` | Fig Balsamic | white, 15.3 to 1 |
| 2 | `#72003b` | `oklch(35.84% 0.1456 358.99)` | Merlot | white, 11.7 to 1 |
| 3 | `#a60036` | `oklch(46.07% 0.1842 14.83)` | Hot Lava | white, 7.8 to 1 |
| 4 | `#7f0034` | `oklch(38.20% 0.1531 7.45)` | Bordeaux | white, 10.7 to 1 |
| 5 | `#5b003a` | `oklch(31.10% 0.1295 349.44)` | Mulberry Wood | white, 13.9 to 1 |

## CSS

```css
background: conic-gradient(from 25deg, #4d032d 0.000% 20.000%, #72003b 20.000% 40.000%, #a60036 40.000% 60.000%, #7f0034 60.000% 80.000%, #5b003a 80.000% 100.000%);
background: conic-gradient(from 25deg, oklch(27.95% 0.1102 353.67) 0.000% 20.000%, oklch(35.84% 0.1456 358.99) 20.000% 40.000%, oklch(46.07% 0.1842 14.83) 40.000% 60.000%, oklch(38.20% 0.1531 7.45) 60.000% 80.000%, oklch(31.10% 0.1295 349.44) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.28 | 0.11 | 353.7 |
| 2 | 0.358 | 0.16 | 359 |
| 3 | 0.461 | 0.2 | 374.8 |
| 4 | 0.382 | 0.181 | 367.4 |
| 5 | 0.311 | 0.13 | 349.4 |

## In these collections

- [Jewel tone swatches](https://grabient.com/jewel-tone-swatches)
- [Dark swatches](https://grabient.com/dark-swatches)

## Other forms

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