# Aubergine and cream vaporwave palette

The Aubergine and cream vaporwave palette brings together purple, blue, light teal, off-white, light magenta, and magenta. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits album artwork and music event graphics. Its darkest tone is purple, and its lightest tone is off-white.

- Also called: Seamless purple, blue, gray and pink angular gradient
- Seed: `kaTkLTwR--eKYNv1Bi_3a62bw1Pmmnrwg`
- Page: https://grabient.com/kaTkLTwR--eKYNv1Bi_3a62bw1Pmmnrwg?style=angularGradient&steps=32&angle=225
- Drawn as: angular gradient, 32 steps, 225 degrees
- Kinds: light center, seamless
- Hues: analogous
- Contrast of its darkest and lightest colors: 11 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 | `#362357` | `oklch(30.71% 0.0909 297.42)` | Stormy Night | white, 13.7 to 1 |
| 2 | `#3c2a5e` | `oklch(33.29% 0.0907 296.72)` | Jakarta Skyline | white, 12.4 to 1 |
| 3 | `#443369` | `oklch(36.87% 0.0904 296.35)` | Minsk | white, 10.8 to 1 |
| 4 | `#4f3f76` | `oklch(41.13% 0.0899 295.19)` | Raw Amethyst | white, 9 to 1 |
| 5 | `#594d85` | `oklch(45.75% 0.0889 292.15)` | Bright Eggplant | white, 7.4 to 1 |
| 6 | `#605c94` | `oklch(50.42% 0.0872 286.11)` | Colossus | white, 6 to 1 |
| 7 | `#656da4` | `oklch(55.23% 0.0847 276.71)` | Twinkle Night | white, 4.8 to 1 |
| 8 | `#6a81b4` | `oklch(60.58% 0.0819 264.83)` | Marvellous | black, 5.4 to 1 |
| 9 | `#6e96c1` | `oklch(66.12% 0.0784 250.58)` | Blue Tuna | black, 6.8 to 1 |
| 10 | `#74abca` | `oklch(71.44% 0.0739 234.06)` | Mirror Lake | black, 8.4 to 1 |
| 11 | `#7ebdcd` | `oklch(76.18% 0.0683 215.36)` | Azure Lake | black, 10 to 1 |
| 12 | `#91cbca` | `oklch(80.26% 0.0600 193.70)` | Lake | black, 11.6 to 1 |
| 13 | `#afd6c5` | `oklch(84.30% 0.0466 167.46)` | Scud | black, 13.2 to 1 |
| 14 | `#cdddc9` | `oklch(87.92% 0.0319 138.87)` | Supreme Green | black, 14.7 to 1 |
| 15 | `#e0e2d3` | `oklch(90.67% 0.0200 110.41)` | Pale Green Tea | black, 15.9 to 1 |
| 16 | `#e9e4da` | `oklch(92.07% 0.0151 84.56)` | Hot Desert | black, 16.6 to 1 |
| 17 | `#eee1d5` | `oklch(91.67% 0.0214 63.16)` | Siamese Kitten | black, 16.3 to 1 |
| 18 | `#f4d4c7` | `oklch(89.41% 0.0400 44.03)` | Nutter Butter | black, 15.1 to 1 |
| 19 | `#f9c1b9` | `oklch(85.78% 0.0658 26.90)` | Pink Hydrangea | black, 13.3 to 1 |
| 20 | `#f8a9b2` | `oklch(81.34% 0.0934 12.04)` | Pink Fit | black, 11.3 to 1 |
| 21 | `#f093b0` | `oklch(76.63% 0.1172 359.73)` | Illusion | black, 9.4 to 1 |
| 22 | `#e280b0` | `oklch(72.12% 0.1321 350.39)` | Middle Purple | black, 7.9 to 1 |
| 23 | `#d26fa9` | `oklch(67.14% 0.1414 345.47)` | Sky Magenta | black, 6.5 to 1 |
| 24 | `#c05d9b` | `oklch(61.72% 0.1471 343.82)` | Llilacquered | black, 5.2 to 1 |
| 25 | `#af4b8b` | `oklch(56.23% 0.1494 343.55)` | Purple Orchid | white, 5 to 1 |
| 26 | `#9d3c7d` | `oklch(51.05% 0.1487 342.78)` | Purple Wine | white, 6.2 to 1 |
| 27 | `#8b3173` | `oklch(46.55% 0.1452 339.65)` | Violet Vixen | white, 7.5 to 1 |
| 28 | `#782a6c` | `oklch(42.45% 0.1362 333.90)` | Grape Juice | white, 8.9 to 1 |
| 29 | `#642665` | `oklch(38.61% 0.1225 326.83)` | Blackest Berry | white, 10.4 to 1 |
| 30 | `#52245d` | `oklch(35.20% 0.1072 319.53)` | Kuwanomi Purple | white, 11.8 to 1 |
| 31 | `#442255` | `oklch(32.38% 0.0934 313.12)` | Galactic Wonder | white, 13 to 1 |
| 32 | `#3b204e` | `oklch(30.31% 0.0841 308.69)` | Powerful Violet | white, 13.9 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #362357 0.0%, #3c2a5e 3.2%, #443369 6.5%, #4f3f76 9.7%, #594d85 12.9%, #605c94 16.1%, #656da4 19.4%, #6a81b4 22.6%, #6e96c1 25.8%, #74abca 29.0%, #7ebdcd 32.3%, #91cbca 35.5%, #afd6c5 38.7%, #cdddc9 41.9%, #e0e2d3 45.2%, #e9e4da 48.4%, #eee1d5 51.6%, #f4d4c7 54.8%, #f9c1b9 58.1%, #f8a9b2 61.3%, #f093b0 64.5%, #e280b0 67.7%, #d26fa9 71.0%, #c05d9b 74.2%, #af4b8b 77.4%, #9d3c7d 80.6%, #8b3173 83.9%, #782a6c 87.1%, #642665 90.3%, #52245d 93.5%, #442255 96.8%, #3b204e 100.0%);
background: conic-gradient(from 225deg in oklch, oklch(30.71% 0.0909 297.42) 0.0%, oklch(33.29% 0.0907 296.72) 3.2%, oklch(36.87% 0.0904 296.35) 6.5%, oklch(41.13% 0.0899 295.19) 9.7%, oklch(45.75% 0.0889 292.15) 12.9%, oklch(50.42% 0.0872 286.11) 16.1%, oklch(55.23% 0.0847 276.71) 19.4%, oklch(60.58% 0.0819 264.83) 22.6%, oklch(66.12% 0.0784 250.58) 25.8%, oklch(71.44% 0.0739 234.06) 29.0%, oklch(76.18% 0.0683 215.36) 32.3%, oklch(80.26% 0.0600 193.70) 35.5%, oklch(84.30% 0.0466 167.46) 38.7%, oklch(87.92% 0.0319 138.87) 41.9%, oklch(90.67% 0.0200 110.41) 45.2%, oklch(92.07% 0.0151 84.56) 48.4%, oklch(91.67% 0.0214 63.16) 51.6%, oklch(89.41% 0.0400 44.03) 54.8%, oklch(85.78% 0.0658 26.90) 58.1%, oklch(81.34% 0.0934 12.04) 61.3%, oklch(76.63% 0.1172 359.73) 64.5%, oklch(72.12% 0.1321 350.39) 67.7%, oklch(67.14% 0.1414 345.47) 71.0%, oklch(61.72% 0.1471 343.82) 74.2%, oklch(56.23% 0.1494 343.55) 77.4%, oklch(51.05% 0.1487 342.78) 80.6%, oklch(46.55% 0.1452 339.65) 83.9%, oklch(42.45% 0.1362 333.90) 87.1%, oklch(38.61% 0.1225 326.83) 90.3%, oklch(35.20% 0.1072 319.53) 93.5%, oklch(32.38% 0.0934 313.12) 96.8%, oklch(30.31% 0.0841 308.69) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.307 | 0.091 | 297.4 |
| 2 | 0.512 | 0.087 | 284.7 |
| 3 | 0.776 | 0.066 | 208.7 |
| 4 | 0.921 | 0.017 | 73.4 |
| 5 | 0.736 | 0.128 | -6.9 |
| 6 | 0.472 | 0.146 | -19.6 |
| 7 | 0.303 | 0.084 | -51.3 |

## In these collections

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

## Other forms

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