# Crimson and lavender vaporwave palette

The Crimson and lavender vaporwave palette brings together red, light red, light magenta, and purple. 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 light magenta.

- Also called: Analogous pink, lavender and purple angular gradient
- Seed: `kYroUI5SI_WeVuxWIz3QSu_SolP4`
- Page: https://grabient.com/kYroUI5SI_WeVuxWIz3QSu_SolP4?style=angularGradient&steps=32&angle=225
- Drawn as: angular gradient, 32 steps, 225 degrees
- Kinds: light center
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.1 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 | `#f45f7b` | `oklch(68.50% 0.1833 11.95)` | Ponceau | black, 6.7 to 1 |
| 2 | `#f56881` | `oklch(69.76% 0.1733 11.79)` | Strawberry Pink | black, 7.1 to 1 |
| 3 | `#f57489` | `oklch(71.56% 0.1591 11.91)` | Rose Cheeks | black, 7.7 to 1 |
| 4 | `#f58192` | `oklch(73.67% 0.1424 11.91)` | Xoxo | black, 8.4 to 1 |
| 5 | `#f48e9c` | `oklch(75.84% 0.1251 11.41)` | Pink Geranium | black, 9.1 to 1 |
| 6 | `#f399a7` | `oklch(77.80% 0.1089 10.03)` | Piggy | black, 9.9 to 1 |
| 7 | `#f1a2b0` | `oklch(79.30% 0.0958 7.39)` | Pinque | black, 10.5 to 1 |
| 8 | `#efa8b9` | `oklch(80.34% 0.0860 2.94)` | Rozowy Pink | black, 10.9 to 1 |
| 9 | `#ecadc3` | `oklch(81.23% 0.0775 356.64)` | Pink Macaroon | black, 11.3 to 1 |
| 10 | `#e8b2cb` | `oklch(81.91% 0.0704 349.20)` | Muddy Mauve | black, 11.6 to 1 |
| 11 | `#e3b5d1` | `oklch(82.29% 0.0648 341.37)` | Muddy Mauve | black, 11.8 to 1 |
| 12 | `#deb7d6` | `oklch(82.30% 0.0611 333.90)` | French Lilac | black, 11.8 to 1 |
| 13 | `#d9b7d8` | `oklch(81.83% 0.0593 327.53)` | French Lilac | black, 11.6 to 1 |
| 14 | `#d4b4d7` | `oklch(80.80% 0.0601 322.75)` | Confectionary | black, 11.2 to 1 |
| 15 | `#cdaed6` | `oklch(79.13% 0.0641 318.86)` | Plink | black, 10.6 to 1 |
| 16 | `#c6a7d3` | `oklch(76.97% 0.0705 315.63)` | Feminine Fancy | black, 9.8 to 1 |
| 17 | `#be9ed0` | `oklch(74.49% 0.0782 312.94)` | Turnip Crown | black, 9 to 1 |
| 18 | `#b595cc` | `oklch(71.86% 0.0861 310.65)` | Cut Velvet | black, 8.1 to 1 |
| 19 | `#ad8cc8` | `oklch(69.23% 0.0931 308.63)` | Fleur-De-Lis | black, 7.3 to 1 |
| 20 | `#a484c4` | `oklch(66.73% 0.0984 306.79)` | Lilac Purple | black, 6.6 to 1 |
| 21 | `#9c7cbf` | `oklch(64.20% 0.1035 305.40)` | Plum Burst | black, 6 to 1 |
| 22 | `#9474ba` | `oklch(61.59% 0.1084 304.43)` | Viola | black, 5.4 to 1 |
| 23 | `#8b6bb3` | `oklch(58.91% 0.1129 303.74)` | Knight Elf | black, 4.8 to 1 |
| 24 | `#8362ad` | `oklch(56.18% 0.1165 303.21)` | Genestealer Purple | white, 4.8 to 1 |
| 25 | `#7b5aa5` | `oklch(53.41% 0.1190 302.69)` | Genestealer Purple | white, 5.4 to 1 |
| 26 | `#72529d` | `oklch(50.61% 0.1199 302.07)` | Parfait d’Amour | white, 6.1 to 1 |
| 27 | `#694993` | `oklch(47.50% 0.1187 301.41)` | Grapes of Italy | white, 7 to 1 |
| 28 | `#5e4188` | `oklch(44.14% 0.1159 300.80)` | Harvest Night | white, 8.1 to 1 |
| 29 | `#54387c` | `oklch(40.76% 0.1120 300.24)` | Prism Violet | white, 9.3 to 1 |
| 30 | `#4b3171` | `oklch(37.63% 0.1079 299.75)` | Abra Purple | white, 10.6 to 1 |
| 31 | `#432b68` | `oklch(34.98% 0.1043 299.35)` | Violet Indigo | white, 11.8 to 1 |
| 32 | `#3e2662` | `oklch(33.07% 0.1020 299.04)` | Fading Horizon | white, 12.6 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #f45f7b 0.0%, #f56881 3.2%, #f57489 6.5%, #f58192 9.7%, #f48e9c 12.9%, #f399a7 16.1%, #f1a2b0 19.4%, #efa8b9 22.6%, #ecadc3 25.8%, #e8b2cb 29.0%, #e3b5d1 32.3%, #deb7d6 35.5%, #d9b7d8 38.7%, #d4b4d7 41.9%, #cdaed6 45.2%, #c6a7d3 48.4%, #be9ed0 51.6%, #b595cc 54.8%, #ad8cc8 58.1%, #a484c4 61.3%, #9c7cbf 64.5%, #9474ba 67.7%, #8b6bb3 71.0%, #8362ad 74.2%, #7b5aa5 77.4%, #72529d 80.6%, #694993 83.9%, #5e4188 87.1%, #54387c 90.3%, #4b3171 93.5%, #432b68 96.8%, #3e2662 100.0%);
background: conic-gradient(from 225deg in oklch, oklch(68.50% 0.1833 11.95) 0.0%, oklch(69.76% 0.1733 11.79) 3.2%, oklch(71.56% 0.1591 11.91) 6.5%, oklch(73.67% 0.1424 11.91) 9.7%, oklch(75.84% 0.1251 11.41) 12.9%, oklch(77.80% 0.1089 10.03) 16.1%, oklch(79.30% 0.0958 7.39) 19.4%, oklch(80.34% 0.0860 2.94) 22.6%, oklch(81.23% 0.0775 356.64) 25.8%, oklch(81.91% 0.0704 349.20) 29.0%, oklch(82.29% 0.0648 341.37) 32.3%, oklch(82.30% 0.0611 333.90) 35.5%, oklch(81.83% 0.0593 327.53) 38.7%, oklch(80.80% 0.0601 322.75) 41.9%, oklch(79.13% 0.0641 318.86) 45.2%, oklch(76.97% 0.0705 315.63) 48.4%, oklch(74.49% 0.0782 312.94) 51.6%, oklch(71.86% 0.0861 310.65) 54.8%, oklch(69.23% 0.0931 308.63) 58.1%, oklch(66.73% 0.0984 306.79) 61.3%, oklch(64.20% 0.1035 305.40) 64.5%, oklch(61.59% 0.1084 304.43) 67.7%, oklch(58.91% 0.1129 303.74) 71.0%, oklch(56.18% 0.1165 303.21) 74.2%, oklch(53.41% 0.1190 302.69) 77.4%, oklch(50.61% 0.1199 302.07) 80.6%, oklch(47.50% 0.1187 301.41) 83.9%, oklch(44.14% 0.1159 300.80) 87.1%, oklch(40.76% 0.1120 300.24) 90.3%, oklch(37.63% 0.1079 299.75) 93.5%, oklch(34.98% 0.1043 299.35) 96.8%, oklch(33.07% 0.1020 299.04) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.685 | 0.183 | 12 |
| 2 | 0.795 | 0.094 | 6.7 |
| 3 | 0.815 | 0.059 | -34.5 |
| 4 | 0.677 | 0.096 | -52.5 |
| 5 | 0.512 | 0.12 | -57.8 |
| 6 | 0.331 | 0.102 | -61 |

## In these collections

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

## Other forms

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