# Aubergine, rose and indigo vaporwave palette

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

- Also called: Dark purple, pink and blue angular swatches
- Seed: `kYPzTXMiLDkQwwZVLj_1qC7kmgu0`
- Page: https://grabient.com/kYPzTXMiLDkQwwZVLj_1qC7kmgu0?style=angularSwatches&steps=6&angle=135
- Drawn as: angular swatches, 6 steps, 135 degrees
- Kinds: light center
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.5 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 | `#28173d` | `oklch(24.80% 0.0717 302.34)` | Blackcurrant | white, 16.4 to 1 |
| 2 | `#63305c` | `oklch(39.37% 0.0951 332.99)` | Opulent Purple | white, 9.9 to 1 |
| 3 | `#a2497d` | `oklch(53.54% 0.1337 346.73)` | Orchid Lei | white, 5.5 to 1 |
| 4 | `#cc73a4` | `oklch(66.93% 0.1268 346.73)` | Fading Love | black, 6.5 to 1 |
| 5 | `#a989c2` | `oklch(68.11% 0.0896 309.74)` | Classic Bouquet | black, 7 to 1 |
| 6 | `#6677af` | `oklch(57.87% 0.0896 270.64)` | Regal Azure | black, 4.8 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #28173d 0.000% 16.667%, #63305c 16.667% 33.333%, #a2497d 33.333% 50.000%, #cc73a4 50.000% 66.667%, #a989c2 66.667% 83.333%, #6677af 83.333% 100.000%);
background: conic-gradient(from 135deg, oklch(24.80% 0.0717 302.34) 0.000% 16.667%, oklch(39.37% 0.0951 332.99) 16.667% 33.333%, oklch(53.54% 0.1337 346.73) 33.333% 50.000%, oklch(66.93% 0.1268 346.73) 50.000% 66.667%, oklch(68.11% 0.0896 309.74) 66.667% 83.333%, oklch(57.87% 0.0896 270.64) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.248 | 0.072 | 302.3 |
| 2 | 0.394 | 0.095 | 333 |
| 3 | 0.535 | 0.134 | 346.7 |
| 4 | 0.669 | 0.127 | 346.7 |
| 5 | 0.681 | 0.09 | 309.7 |
| 6 | 0.579 | 0.09 | 270.6 |

## In these collections

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

## Other forms

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