# Wine jewel tone palette

The Wine jewel tone palette brings together dark red, red, and light red. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic 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 and pink radial swatches
- Seed: `kWPTwGrK9ATrAP9IRkA2TLAI`
- Page: https://grabient.com/kWPTwGrK9ATrAP9IRkA2TLAI?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: dark to light, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.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 | `#3d0717` | `oklch(24.02% 0.0827 9.14)` | Berry Chocolate | white, 16.9 to 1 |
| 2 | `#6e0c28` | `oklch(35.04% 0.1295 12.31)` | Plum Cheese | white, 12 to 1 |
| 3 | `#a20f3f` | `oklch(46.06% 0.1764 11.25)` | Grated Beet | white, 7.8 to 1 |
| 4 | `#ce3054` | `oklch(56.69% 0.1929 13.37)` | Infrared Gloze | white, 5 to 1 |
| 5 | `#e87782` | `oklch(70.08% 0.1392 15.48)` | Passion Pink | black, 7.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #3d0717 0.000% 20.000%, #6e0c28 20.000% 40.000%, #a20f3f 40.000% 60.000%, #ce3054 60.000% 80.000%, #e87782 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(24.02% 0.0827 9.14) 0.000% 20.000%, oklch(35.04% 0.1295 12.31) 20.000% 40.000%, oklch(46.06% 0.1764 11.25) 40.000% 60.000%, oklch(56.69% 0.1929 13.37) 60.000% 80.000%, oklch(70.08% 0.1392 15.48) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.24 | 0.083 | 9.1 |
| 2 | 0.35 | 0.13 | 12.3 |
| 3 | 0.461 | 0.176 | 11.3 |
| 4 | 0.567 | 0.193 | 13.4 |
| 5 | 0.701 | 0.139 | 15.5 |

## In these collections

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

## Other forms

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