# Aubergine, rose and gold color palette

The Aubergine, rose and gold color palette brings together purple, magenta, red, orange, and light orange. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits album artwork and music event graphics. Its darkest tone is purple, and its lightest tone is light orange.

- Also called: Tritone purple, pink and tan linear swatches
- Seed: `kYUVDSuLlAES-xBRwURXrNEHGexE`
- Page: https://grabient.com/kYUVDSuLlAES-xBRwURXrNEHGexE?style=linearSwatches&steps=6&angle=45
- Drawn as: linear swatches, 6 steps, 45 degrees
- Kinds: dark to light, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 9.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 | `#392263` | `oklch(31.89% 0.1102 296.02)` | Christalle | white, 13.2 to 1 |
| 2 | `#5f399e` | `oklch(44.49% 0.1571 297.07)` | Rebecca Purple | white, 8.1 to 1 |
| 3 | `#a53f9a` | `oklch(53.94% 0.1722 331.95)` | Purple Cactus Flower | white, 5.5 to 1 |
| 4 | `#e25376` | `oklch(64.17% 0.1791 8.93)` | Fever Dream | black, 5.7 to 1 |
| 5 | `#f58c5f` | `oklch(74.41% 0.1406 43.80)` | Barbarian | black, 8.8 to 1 |
| 6 | `#f9d79c` | `oklch(89.37% 0.0841 80.79)` | Phoenix Fossil | black, 15.2 to 1 |

## CSS

```css
background: linear-gradient(45deg, #392263 0.000% 16.667%, #5f399e 16.667% 33.333%, #a53f9a 33.333% 50.000%, #e25376 50.000% 66.667%, #f58c5f 66.667% 83.333%, #f9d79c 83.333% 100.000%);
background: linear-gradient(45deg, oklch(31.89% 0.1102 296.02) 0.000% 16.667%, oklch(44.49% 0.1571 297.07) 16.667% 33.333%, oklch(53.94% 0.1722 331.95) 33.333% 50.000%, oklch(64.17% 0.1791 8.93) 50.000% 66.667%, oklch(74.41% 0.1406 43.80) 66.667% 83.333%, oklch(89.37% 0.0841 80.79) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.319 | 0.11 | 296 |
| 2 | 0.445 | 0.157 | 297.1 |
| 3 | 0.539 | 0.172 | 331.9 |
| 4 | 0.642 | 0.179 | 368.9 |
| 5 | 0.744 | 0.141 | 403.8 |
| 6 | 0.894 | 0.084 | 440.8 |

## In these collections

- [Retro swatches](https://grabient.com/retro-swatches)
- [Synthwave gradients](https://grabient.com/synthwave-gradients)

## Other forms

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