# Wine and ochre jewel tone palette

The Wine and ochre jewel tone palette brings together dark red, red, orange, and gold. 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 gold.

- Also called: Vivid maroon, red and orange angular swatches
- Seed: `kWSkQGtrXBcjEQTYPMJ57XDQ`
- Page: https://grabient.com/kWSkQGtrXBcjEQTYPMJ57XDQ?style=angularSwatches&steps=5&angle=135
- Drawn as: angular swatches, 5 steps, 135 degrees
- Kinds: dark to light, vivid, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 8.1 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 | `#501022` | `oklch(29.13% 0.0937 9.14)` | Maroon Oak | white, 14.6 to 1 |
| 2 | `#8f1e28` | `oklch(42.91% 0.1474 21.82)` | Shinshu | white, 8.7 to 1 |
| 3 | `#cf3c22` | `oklch(57.09% 0.1874 32.39)` | Ake Blood | white, 4.8 to 1 |
| 4 | `#e97a1a` | `oklch(69.29% 0.1667 53.52)` | Pumpkin Cat | black, 7.2 to 1 |
| 5 | `#f2b83e` | `oklch(81.50% 0.1474 82.06)` | Sneezeweeds | black, 11.6 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #501022 0.000% 20.000%, #8f1e28 20.000% 40.000%, #cf3c22 40.000% 60.000%, #e97a1a 60.000% 80.000%, #f2b83e 80.000% 100.000%);
background: conic-gradient(from 135deg, oklch(29.13% 0.0937 9.14) 0.000% 20.000%, oklch(42.91% 0.1474 21.82) 20.000% 40.000%, oklch(57.09% 0.1874 32.39) 40.000% 60.000%, oklch(69.29% 0.1667 53.52) 60.000% 80.000%, oklch(81.50% 0.1474 82.06) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.291 | 0.094 | 9.1 |
| 2 | 0.429 | 0.147 | 21.8 |
| 3 | 0.571 | 0.187 | 32.4 |
| 4 | 0.693 | 0.167 | 53.5 |
| 5 | 0.815 | 0.147 | 82.1 |

## In these collections

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

## Other forms

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