# Aubergine and ochre purple and yellow palette

The Aubergine and ochre purple and yellow palette brings together dark purple, purple, and gold. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark purple, and its lightest tone is gold.

- Also called: Navy, purple, yellow and brown linear swatches
- Seed: `kWPjzYri3AMCuwHnsdF0S0-4`
- Page: https://grabient.com/kWPjzYri3AMCuwHnsdF0S0-4?style=linearSwatches&steps=5&angle=180
- Drawn as: linear swatches, 5 steps, 180 degrees
- Hues: complementary
- Contrast of its darkest and lightest colors: 9.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 | `#29133f` | `oklch(24.41% 0.0827 304.45)` | Prune Plum | white, 16.6 to 1 |
| 2 | `#4f2670` | `oklch(36.22% 0.1254 306.57)` | Purple Seduction | white, 11.4 to 1 |
| 3 | `#7d4d9b` | `oklch(50.79% 0.1281 310.79)` | Parfait d’Amour | white, 6.1 to 1 |
| 4 | `#d9c34f` | `oklch(81.50% 0.1364 98.74)` | Pepperoncini | black, 11.9 to 1 |
| 5 | `#a88718` | `oklch(63.78% 0.1240 90.28)` | Super Gold | black, 6.1 to 1 |

## CSS

```css
background: linear-gradient(180deg, #29133f 0.000% 20.000%, #4f2670 20.000% 40.000%, #7d4d9b 40.000% 60.000%, #d9c34f 60.000% 80.000%, #a88718 80.000% 100.000%);
background: linear-gradient(180deg, oklch(24.41% 0.0827 304.45) 0.000% 20.000%, oklch(36.22% 0.1254 306.57) 20.000% 40.000%, oklch(50.79% 0.1281 310.79) 40.000% 60.000%, oklch(81.50% 0.1364 98.74) 60.000% 80.000%, oklch(63.78% 0.1240 90.28) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.244 | 0.083 | 304.5 |
| 2 | 0.362 | 0.125 | 306.6 |
| 3 | 0.508 | 0.128 | 310.8 |
| 4 | 0.815 | 0.136 | 458.7 |
| 5 | 0.638 | 0.124 | 450.3 |

## In these collections

- [Purple and yellow swatches](https://grabient.com/purple-and-yellow-swatches)

## Other forms

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