# Wine and gold aurora palette

The Wine and gold aurora 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: Analogous black, red and peach radial swatches
- Seed: `kYMSMAK6vBj9BwLMx0EWrvCW6uQ4`
- Page: https://grabient.com/kYMSMAK6vBj9BwLMx0EWrvCW6uQ4?style=radialSwatches&steps=6&angle=180
- Drawn as: radial swatches, 6 steps, 180 degrees
- Kinds: dark to light, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 12.4 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 | `#250a14` | `oklch(19.29% 0.0482 0.00)` | Italian Roast | white, 18.5 to 1 |
| 2 | `#681125` | `oklch(34.25% 0.1199 13.74)` | Dark Humour | white, 12.3 to 1 |
| 3 | `#b21e34` | `oklch(49.61% 0.1805 20.08)` | American Red | white, 6.7 to 1 |
| 4 | `#dd4132` | `oklch(60.24% 0.1957 29.59)` | Vampire Red | black, 4.8 to 1 |
| 5 | `#f17e34` | `oklch(71.26% 0.1640 49.67)` | Iceland Poppy | black, 7.8 to 1 |
| 6 | `#ffcb6f` | `oklch(87.01% 0.1249 80.32)` | Grandis | black, 14 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #250a14 0.000% 16.667%, #681125 16.667% 33.333%, #b21e34 33.333% 50.000%, #dd4132 50.000% 66.667%, #f17e34 66.667% 83.333%, #ffcb6f 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(19.29% 0.0482 0.00) 0.000% 16.667%, oklch(34.25% 0.1199 13.74) 16.667% 33.333%, oklch(49.61% 0.1805 20.08) 33.333% 50.000%, oklch(60.24% 0.1957 29.59) 50.000% 66.667%, oklch(71.26% 0.1640 49.67) 66.667% 83.333%, oklch(87.01% 0.1249 80.32) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.193 | 0.048 | 0 |
| 2 | 0.343 | 0.12 | 13.7 |
| 3 | 0.496 | 0.181 | 20.1 |
| 4 | 0.602 | 0.196 | 29.6 |
| 5 | 0.713 | 0.164 | 49.7 |
| 6 | 0.87 | 0.127 | 80.3 |

## In these collections

- [Aurora swatches](https://grabient.com/aurora-swatches)
- [Phone wallpaper gradients](https://grabient.com/phone-wallpaper-gradients)

## Other forms

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