# Aubergine vaporwave palette

The Aubergine vaporwave palette brings together purple, magenta, light purple, and blue. 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 blue.

- Also called: Seamless vivid purple, pink and blue angular gradient
- Seed: `kcTmvTPk9CFTZw9cyL6W7o7-Woto_wESp7NDA`
- Page: https://grabient.com/kcTmvTPk9CFTZw9cyL6W7o7-Woto_wESp7NDA?style=angularGradient&steps=32&angle=315
- Drawn as: angular gradient, 32 steps, 315 degrees
- Kinds: light center, vivid, seamless
- Hues: wide
- Contrast of its darkest and lightest colors: 7.8 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 | `#3a0f6f` | `oklch(30.71% 0.1474 296.72)` | Candied Blueberry | white, 14.1 to 1 |
| 2 | `#45127b` | `oklch(33.58% 0.1594 299.27)` | Invasive Indigo | white, 12.9 to 1 |
| 3 | `#56168c` | `oklch(37.68% 0.1767 302.78)` | American Violet | white, 11.1 to 1 |
| 4 | `#6b199e` | `oklch(42.37% 0.1956 307.16)` | Wild Violet | white, 9.2 to 1 |
| 5 | `#821dad` | `oklch(47.01% 0.2123 312.29)` | Shade of Violet | white, 7.7 to 1 |
| 6 | `#9921b6` | `oklch(51.21% 0.2240 318.51)` | Pink Spyro | white, 6.4 to 1 |
| 7 | `#b424b8` | `oklch(55.60% 0.2341 327.02)` | Fuchsia Flair | white, 5.3 to 1 |
| 8 | `#d027b5` | `oklch(59.93% 0.2420 336.09)` | Magentella | black, 4.6 to 1 |
| 9 | `#e82eb0` | `oklch(63.83% 0.2464 343.67)` | Magnificent Magenta | black, 5.4 to 1 |
| 10 | `#f738b0` | `oklch(66.91% 0.2463 347.75)` | Spicy Pink | black, 6.1 to 1 |
| 11 | `#fd46b5` | `oklch(69.15% 0.2398 348.14)` | Barbie Pink | black, 6.7 to 1 |
| 12 | `#fd54be` | `oklch(70.75% 0.2285 346.02)` | Eosin Pink | black, 7.2 to 1 |
| 13 | `#f961c9` | `oklch(71.87% 0.2152 342.14)` | Eosin Pink | black, 7.5 to 1 |
| 14 | `#f36bd4` | `oklch(72.65% 0.2028 337.28)` | Rose Pink | black, 7.8 to 1 |
| 15 | `#eb73dd` | `oklch(73.02% 0.1931 332.12)` | Lián Hóng Lotus Pink | black, 8 to 1 |
| 16 | `#e078e3` | `oklch(72.65% 0.1842 326.43)` | Hibiscus Pop | black, 7.9 to 1 |
| 17 | `#d37ce9` | `oklch(72.05% 0.1756 319.42)` | Azuremyst Isle | black, 7.8 to 1 |
| 18 | `#c483f0` | `oklch(71.76% 0.1667 310.28)` | Azuremyst Isle | black, 7.8 to 1 |
| 19 | `#b28efa` | `oklch(72.38% 0.1567 297.94)` | Lilac Geode | black, 8.1 to 1 |
| 20 | `#9ca4ff` | `oklch(74.83% 0.1312 278.74)` | Widowmaker | black, 9.1 to 1 |
| 21 | `#87baff` | `oklch(78.02% 0.1130 256.14)` | Scenic Water | black, 10.5 to 1 |
| 22 | `#6fcaff` | `oklch(80.36% 0.1152 235.83)` | Skyan | black, 11.5 to 1 |
| 23 | `#62cef3` | `oklch(80.23% 0.1115 223.52)` | Skyan | black, 11.6 to 1 |
| 24 | `#4ac2e9` | `oklch(76.34% 0.1186 223.21)` | Clean Pool | black, 10.2 to 1 |
| 25 | `#1caae2` | `oklch(69.48% 0.1359 231.85)` | Huelveño Horizon | black, 7.9 to 1 |
| 26 | `#008bd9` | `oklch(61.34% 0.1539 244.83)` | Blue Cola | black, 5.6 to 1 |
| 27 | `#1e6acf` | `oklch(53.60% 0.1721 257.53)` | Celtic Blue | white, 5.2 to 1 |
| 28 | `#2e51be` | `oklch(47.66% 0.1767 266.11)` | Cerulean Blue | white, 6.9 to 1 |
| 29 | `#353da9` | `oklch(42.42% 0.1710 273.37)` | Early Spring Night | white, 8.7 to 1 |
| 30 | `#372d93` | `oklch(37.74% 0.1599 279.95)` | Perfect Dark | white, 10.7 to 1 |
| 31 | `#35217f` | `oklch(33.87% 0.1482 285.41)` | Deep Space Rodeo | white, 12.5 to 1 |
| 32 | `#331871` | `oklch(31.10% 0.1406 289.32)` | Persian Indigo | white, 13.8 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #3a0f6f 0.0%, #45127b 3.2%, #56168c 6.5%, #6b199e 9.7%, #821dad 12.9%, #9921b6 16.1%, #b424b8 19.4%, #d027b5 22.6%, #e82eb0 25.8%, #f738b0 29.0%, #fd46b5 32.3%, #fd54be 35.5%, #f961c9 38.7%, #f36bd4 41.9%, #eb73dd 45.2%, #e078e3 48.4%, #d37ce9 51.6%, #c483f0 54.8%, #b28efa 58.1%, #9ca4ff 61.3%, #87baff 64.5%, #6fcaff 67.7%, #62cef3 71.0%, #4ac2e9 74.2%, #1caae2 77.4%, #008bd9 80.6%, #1e6acf 83.9%, #2e51be 87.1%, #353da9 90.3%, #372d93 93.5%, #35217f 96.8%, #331871 100.0%);
background: conic-gradient(from 315deg in oklch, oklch(30.71% 0.1474 296.72) 0.0%, oklch(33.58% 0.1594 299.27) 3.2%, oklch(37.68% 0.1767 302.78) 6.5%, oklch(42.37% 0.1956 307.16) 9.7%, oklch(47.01% 0.2123 312.29) 12.9%, oklch(51.21% 0.2240 318.51) 16.1%, oklch(55.60% 0.2341 327.02) 19.4%, oklch(59.93% 0.2420 336.09) 22.6%, oklch(63.83% 0.2464 343.67) 25.8%, oklch(66.91% 0.2463 347.75) 29.0%, oklch(69.15% 0.2398 348.14) 32.3%, oklch(70.75% 0.2285 346.02) 35.5%, oklch(71.87% 0.2152 342.14) 38.7%, oklch(72.65% 0.2028 337.28) 41.9%, oklch(73.02% 0.1931 332.12) 45.2%, oklch(72.65% 0.1842 326.43) 48.4%, oklch(72.05% 0.1756 319.42) 51.6%, oklch(71.76% 0.1667 310.28) 54.8%, oklch(72.38% 0.1567 297.94) 58.1%, oklch(74.83% 0.1312 278.74) 61.3%, oklch(78.02% 0.1130 256.14) 64.5%, oklch(80.36% 0.1152 235.83) 67.7%, oklch(80.23% 0.1115 223.52) 71.0%, oklch(76.34% 0.1186 223.21) 74.2%, oklch(69.48% 0.1359 231.85) 77.4%, oklch(61.34% 0.1539 244.83) 80.6%, oklch(53.60% 0.1721 257.53) 83.9%, oklch(47.66% 0.1767 266.11) 87.1%, oklch(42.42% 0.1710 273.37) 90.3%, oklch(37.74% 0.1599 279.95) 93.5%, oklch(33.87% 0.1482 285.41) 96.8%, oklch(31.10% 0.1406 289.32) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.307 | 0.147 | 296.7 |
| 2 | 0.488 | 0.218 | 314.7 |
| 3 | 0.665 | 0.247 | 347.4 |
| 4 | 0.728 | 0.2 | 335.8 |
| 5 | 0.72 | 0.16 | 302 |
| 6 | 0.799 | 0.112 | 222.7 |
| 7 | 0.5 | 0.176 | 262.9 |
| 8 | 0.311 | 0.141 | 289.3 |

## In these collections

- [Vaporwave color palette](https://grabient.com/vaporwave-color-palette)

## Other forms

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