# Rose, periwinkle and aqua vaporwave palette

The Rose, periwinkle and aqua vaporwave palette brings together magenta, light magenta, light purple, light blue, teal, and green. The colors span a narrow lightness range, combining strong color with gentle contrast. Its light and open character suits album artwork and music event graphics. Its darkest tone is magenta, and its lightest tone is green.

- Also called: Vivid tritone pink, blue and teal linear swatches
- Seed: `kYqar5XT0-2AvvBZLbvYye4-4uOw`
- Page: https://grabient.com/kYqar5XT0-2AvvBZLbvYye4-4uOw?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: vivid, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 2.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 | `#f43fa7` | `oklch(66.54% 0.2343 350.16)` | Major Magenta | black, 6.1 to 1 |
| 2 | `#ec7ac8` | `oklch(73.23% 0.1681 340.65)` | Fuchsia Blush | black, 8.1 to 1 |
| 3 | `#c798f0` | `oklch(75.59% 0.1309 307.89)` | Dream Vapour | black, 9.1 to 1 |
| 4 | `#8598ec` | `oklch(70.08% 0.1254 273.01)` | Periwinkle Blue | black, 7.7 to 1 |
| 5 | `#55c9e1` | `oklch(77.95% 0.1089 213.84)` | Naxos Sky | black, 10.8 to 1 |
| 6 | `#6ceeca` | `oklch(86.61% 0.1268 172.62)` | Jittery Jade | black, 14.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #f43fa7 0.000% 16.667%, #ec7ac8 16.667% 33.333%, #c798f0 33.333% 50.000%, #8598ec 50.000% 66.667%, #55c9e1 66.667% 83.333%, #6ceeca 83.333% 100.000%);
background: linear-gradient(90deg, oklch(66.54% 0.2343 350.16) 0.000% 16.667%, oklch(73.23% 0.1681 340.65) 16.667% 33.333%, oklch(75.59% 0.1309 307.89) 33.333% 50.000%, oklch(70.08% 0.1254 273.01) 50.000% 66.667%, oklch(77.95% 0.1089 213.84) 66.667% 83.333%, oklch(86.61% 0.1268 172.62) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.665 | 0.234 | 350.2 |
| 2 | 0.732 | 0.168 | 340.6 |
| 3 | 0.756 | 0.131 | 307.9 |
| 4 | 0.701 | 0.125 | 273 |
| 5 | 0.78 | 0.109 | 213.8 |
| 6 | 0.866 | 0.127 | 172.6 |

## In these collections

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

## Other forms

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