# Aubergine and rose synthwave palette

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

- Also called: Analogous navy, purple and pink radial gradient
- Seed: `kSMzrVsMHCU7Twu`
- Page: https://grabient.com/kSMzrVsMHCU7Twu?style=radialGradient&steps=32&angle=225
- Drawn as: radial gradient, 32 steps, 225 degrees
- Kinds: dark to light, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.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 | `#1d0934` | `oklch(20.08% 0.0799 300.23)` | Middle Red Purple | white, 18.4 to 1 |
| 2 | `#1f0937` | `oklch(20.73% 0.0837 300.95)` | Middle Red Purple | white, 18.2 to 1 |
| 3 | `#220a3a` | `oklch(21.49% 0.0883 301.80)` | Middle Red Purple | white, 17.9 to 1 |
| 4 | `#250a3e` | `oklch(22.36% 0.0938 302.78)` | Middle Red Purple | white, 17.6 to 1 |
| 5 | `#280a43` | `oklch(23.33% 0.1000 303.86)` | Oily Purple | white, 17.2 to 1 |
| 6 | `#2d0a47` | `oklch(24.39% 0.1067 305.04)` | Oily Purple | white, 16.8 to 1 |
| 7 | `#310a4d` | `oklch(25.52% 0.1139 306.30)` | Oily Purple | white, 16.4 to 1 |
| 8 | `#360952` | `oklch(26.72% 0.1214 307.64)` | Vanishing | white, 15.9 to 1 |
| 9 | `#3b0957` | `oklch(27.98% 0.1290 309.04)` | Ripe Plum | white, 15.4 to 1 |
| 10 | `#41085d` | `oklch(29.28% 0.1368 310.49)` | Ripe Plum | white, 14.8 to 1 |
| 11 | `#470762` | `oklch(30.62% 0.1445 311.98)` | Obsidian Shell | white, 14.2 to 1 |
| 12 | `#4d0667` | `oklch(31.99% 0.1520 313.50)` | Royal Purple | white, 13.6 to 1 |
| 13 | `#53056c` | `oklch(33.37% 0.1593 315.02)` | Velvet Vortex | white, 13 to 1 |
| 14 | `#5a0471` | `oklch(34.76% 0.1661 316.56)` | Velvet Vortex | white, 12.4 to 1 |
| 15 | `#600376` | `oklch(36.14% 0.1724 318.08)` | Zeus Purple | white, 11.8 to 1 |
| 16 | `#67037a` | `oklch(37.51% 0.1780 319.58)` | Zeus Purple | white, 11.2 to 1 |
| 17 | `#6d037e` | `oklch(38.88% 0.1829 321.06)` | Zeus Purple | white, 10.6 to 1 |
| 18 | `#740581` | `oklch(40.36% 0.1875 322.67)` | Ultraberry | white, 10 to 1 |
| 19 | `#7b0785` | `oklch(41.94% 0.1919 324.38)` | Aunt Violet | white, 9.4 to 1 |
| 20 | `#830a89` | `oklch(43.62% 0.1961 326.18)` | Mardi Gras | white, 8.8 to 1 |
| 21 | `#8c0e8c` | `oklch(45.35% 0.2001 328.05)` | Dark Magenta | white, 8.2 to 1 |
| 22 | `#941290` | `oklch(47.12% 0.2039 329.95)` | Acai Juice | white, 7.6 to 1 |
| 23 | `#9d1693` | `oklch(48.91% 0.2075 331.87)` | Barney Purple | white, 7 to 1 |
| 24 | `#a61a96` | `oklch(50.69% 0.2108 333.78)` | Magneto’s Magenta | white, 6.5 to 1 |
| 25 | `#ae1d98` | `oklch(52.44% 0.2139 335.65)` | Magneto’s Magenta | white, 6.1 to 1 |
| 26 | `#b7219b` | `oklch(54.13% 0.2169 337.46)` | Fuchsia Flourish | white, 5.6 to 1 |
| 27 | `#bf259d` | `oklch(55.75% 0.2196 339.18)` | Fuchsia Flourish | white, 5.3 to 1 |
| 28 | `#c6289e` | `oklch(57.26% 0.2221 340.80)` | Indian Lake | white, 4.9 to 1 |
| 29 | `#cd2ba0` | `oklch(58.64% 0.2244 342.28)` | Indian Lake | white, 4.7 to 1 |
| 30 | `#d32da1` | `oklch(59.88% 0.2265 343.61)` | Melodramatic Magenta | black, 4.6 to 1 |
| 31 | `#d930a2` | `oklch(60.94% 0.2284 344.74)` | Melodramatic Magenta | black, 4.8 to 1 |
| 32 | `#dd31a3` | `oklch(61.81% 0.2301 345.67)` | Melodramatic Magenta | black, 5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #1d0934 0.0%, #1f0937 3.2%, #220a3a 6.5%, #250a3e 9.7%, #280a43 12.9%, #2d0a47 16.1%, #310a4d 19.4%, #360952 22.6%, #3b0957 25.8%, #41085d 29.0%, #470762 32.3%, #4d0667 35.5%, #53056c 38.7%, #5a0471 41.9%, #600376 45.2%, #67037a 48.4%, #6d037e 51.6%, #740581 54.8%, #7b0785 58.1%, #830a89 61.3%, #8c0e8c 64.5%, #941290 67.7%, #9d1693 71.0%, #a61a96 74.2%, #ae1d98 77.4%, #b7219b 80.6%, #bf259d 83.9%, #c6289e 87.1%, #cd2ba0 90.3%, #d32da1 93.5%, #d930a2 96.8%, #dd31a3 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(20.08% 0.0799 300.23) 0.0%, oklch(20.73% 0.0837 300.95) 3.2%, oklch(21.49% 0.0883 301.80) 6.5%, oklch(22.36% 0.0938 302.78) 9.7%, oklch(23.33% 0.1000 303.86) 12.9%, oklch(24.39% 0.1067 305.04) 16.1%, oklch(25.52% 0.1139 306.30) 19.4%, oklch(26.72% 0.1214 307.64) 22.6%, oklch(27.98% 0.1290 309.04) 25.8%, oklch(29.28% 0.1368 310.49) 29.0%, oklch(30.62% 0.1445 311.98) 32.3%, oklch(31.99% 0.1520 313.50) 35.5%, oklch(33.37% 0.1593 315.02) 38.7%, oklch(34.76% 0.1661 316.56) 41.9%, oklch(36.14% 0.1724 318.08) 45.2%, oklch(37.51% 0.1780 319.58) 48.4%, oklch(38.88% 0.1829 321.06) 51.6%, oklch(40.36% 0.1875 322.67) 54.8%, oklch(41.94% 0.1919 324.38) 58.1%, oklch(43.62% 0.1961 326.18) 61.3%, oklch(45.35% 0.2001 328.05) 64.5%, oklch(47.12% 0.2039 329.95) 67.7%, oklch(48.91% 0.2075 331.87) 71.0%, oklch(50.69% 0.2108 333.78) 74.2%, oklch(52.44% 0.2139 335.65) 77.4%, oklch(54.13% 0.2169 337.46) 80.6%, oklch(55.75% 0.2196 339.18) 83.9%, oklch(57.26% 0.2221 340.80) 87.1%, oklch(58.64% 0.2244 342.28) 90.3%, oklch(59.88% 0.2265 343.61) 93.5%, oklch(60.94% 0.2284 344.74) 96.8%, oklch(61.81% 0.2301 345.67) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.201 | 0.08 | 300.2 |
| 2 | 0.382 | 0.181 | 320.3 |
| 3 | 0.618 | 0.23 | 345.7 |

## In these collections

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

## Other forms

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