# Teal and aubergine vaporwave palette

The Teal and aubergine vaporwave palette brings together pale green, light teal, teal, blue, and purple. 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 pale green.

- Also called: Duotone light blue and purple radial swatches
- Seed: `kY7Cl67KJBWCjwzSJ0XxK9Dy2uQK`
- Page: https://grabient.com/kY7Cl67KJBWCjwzSJ0XxK9Dy2uQK?style=radialSwatches&steps=6
- Drawn as: radial swatches, 6 steps, 90 degrees
- Kinds: light to dark, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 9.6 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 | `#c2f5e3` | `oklch(92.91% 0.0565 172.27)` | Shallow End | black, 17.4 to 1 |
| 2 | `#84e4d6` | `oklch(85.43% 0.0937 183.89)` | Sea Foam | black, 13.9 to 1 |
| 3 | `#5cc2d5` | `oklch(75.98% 0.0978 211.37)` | Skydive | black, 10.1 to 1 |
| 4 | `#6a8dcf` | `oklch(64.57% 0.1075 262.09)` | Royal Regatta | black, 6.3 to 1 |
| 5 | `#755db1` | `oklch(53.94% 0.1295 294.85)` | Simply Purple | white, 5.3 to 1 |
| 6 | `#492673` | `oklch(35.83% 0.1268 301.19)` | Mystic Nights | white, 11.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #c2f5e3 0.000% 16.667%, #84e4d6 16.667% 33.333%, #5cc2d5 33.333% 50.000%, #6a8dcf 50.000% 66.667%, #755db1 66.667% 83.333%, #492673 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(92.91% 0.0565 172.27) 0.000% 16.667%, oklch(85.43% 0.0937 183.89) 16.667% 33.333%, oklch(75.98% 0.0978 211.37) 33.333% 50.000%, oklch(64.57% 0.1075 262.09) 50.000% 66.667%, oklch(53.94% 0.1295 294.85) 66.667% 83.333%, oklch(35.83% 0.1268 301.19) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.929 | 0.056 | 172.3 |
| 2 | 0.854 | 0.094 | 183.9 |
| 3 | 0.76 | 0.098 | 211.4 |
| 4 | 0.646 | 0.107 | 262.1 |
| 5 | 0.539 | 0.13 | 294.8 |
| 6 | 0.358 | 0.127 | 301.2 |

## In these collections

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

## Other forms

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