# Navy, crimson and orange vaporwave palette

Vivid tritone purple, pink and peach linear gradient with 32 colors: #2e215c, #34225e, #3c235f, #462561, #502761, #5c2961, #672b61, #732e61, #7e3262, #8a3564, #983967, #a73d6a, #b6416d, #c4466f, #d24b71, #de5171, #e75770, #ee5f70, #f36770, #f66f70, #f97771, #fb8072, #fc8773, #fe8f74, #ff9875, #ffa177, #ffaa79, #ffb27b, #ffb97c, #ffc07d, #fec680, #feca83. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid tritone purple, pink and peach linear gradient
- Seed: `kWTEnNtyvGVHAw1hssLbqbEg`
- Page: https://grabient.com/kWTEnNtyvGVHAw1hssLbqbEg?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, vivid, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 9.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 | `#2e215c` | `oklch(29.92% 0.1006 288.98)` | Cluedo Night | white, 14.1 to 1 |
| 2 | `#34225e` | `oklch(30.94% 0.1019 293.48)` | Christalle | white, 13.6 to 1 |
| 3 | `#3c235f` | `oklch(32.24% 0.1032 299.69)` | Christalle | white, 13 to 1 |
| 4 | `#462561` | `oklch(33.79% 0.1049 307.09)` | Fading Horizon | white, 12.4 to 1 |
| 5 | `#502761` | `oklch(35.54% 0.1069 315.18)` | Elegant Purple Gown | white, 11.6 to 1 |
| 6 | `#5c2961` | `oklch(37.46% 0.1094 323.44)` | Charisma | white, 10.8 to 1 |
| 7 | `#672b61` | `oklch(39.51% 0.1125 331.36)` | Intense Mauve | white, 9.9 to 1 |
| 8 | `#732e61` | `oklch(41.66% 0.1164 338.44)` | Byzantium | white, 9.1 to 1 |
| 9 | `#7e3262` | `oklch(43.87% 0.1212 344.18)` | Ayame Iris | white, 8.3 to 1 |
| 10 | `#8a3564` | `oklch(46.34% 0.1281 348.97)` | Boysenberry | white, 7.5 to 1 |
| 11 | `#983967` | `oklch(49.07% 0.1367 353.14)` | Powder Red | white, 6.7 to 1 |
| 12 | `#a73d6a` | `oklch(51.95% 0.1463 356.85)` | Medium Ruby | white, 5.9 to 1 |
| 13 | `#b6416d` | `oklch(54.89% 0.1560 0.23)` | Raspberry Rose | white, 5.3 to 1 |
| 14 | `#c4466f` | `oklch(57.79% 0.1649 3.41)` | Love Lord | white, 4.7 to 1 |
| 15 | `#d24b71` | `oklch(60.54% 0.1720 6.54)` | Pink Punch | black, 4.9 to 1 |
| 16 | `#de5171` | `oklch(63.05% 0.1767 9.74)` | Rosy Cheeks | black, 5.4 to 1 |
| 17 | `#e75770` | `oklch(65.22% 0.1780 13.07)` | Bara Red | black, 5.9 to 1 |
| 18 | `#ee5f70` | `oklch(67.17% 0.1763 16.16)` | Pink Pepper | black, 6.4 to 1 |
| 19 | `#f36770` | `oklch(68.93% 0.1723 19.04)` | Usubeni Red | black, 6.9 to 1 |
| 20 | `#f66f70` | `oklch(70.56% 0.1666 21.85)` | Breeze of Chilli | black, 7.4 to 1 |
| 21 | `#f97771` | `oklch(72.08% 0.1599 24.69)` | Sparkling Cosmo | black, 7.9 to 1 |
| 22 | `#fb8072` | `oklch(73.53% 0.1529 27.70)` | Smoked Salmon | black, 8.3 to 1 |
| 23 | `#fc8773` | `oklch(74.96% 0.1461 31.00)` | Miami Coral | black, 8.8 to 1 |
| 24 | `#fe8f74` | `oklch(76.41% 0.1404 34.71)` | Alexandria | black, 9.4 to 1 |
| 25 | `#ff9875` | `oklch(77.90% 0.1334 39.08)` | Flash in the Pan | black, 9.9 to 1 |
| 26 | `#ffa177` | `oklch(79.44% 0.1257 44.32)` | Butternut | black, 10.5 to 1 |
| 27 | `#ffaa79` | `oklch(80.99% 0.1195 50.09)` | Larch Bolete | black, 11.2 to 1 |
| 28 | `#ffb27b` | `oklch(82.49% 0.1150 56.05)` | Isn’t It Just Peachy | black, 11.8 to 1 |
| 29 | `#ffb97c` | `oklch(83.90% 0.1120 61.85)` | Macaroni and Cheese | black, 12.5 to 1 |
| 30 | `#ffc07d` | `oklch(85.15% 0.1106 67.14)` | Buttery | black, 13.1 to 1 |
| 31 | `#fec680` | `oklch(86.21% 0.1087 71.58)` | Uldum Beige | black, 13.6 to 1 |
| 32 | `#feca83` | `oklch(87.01% 0.1061 74.82)` | Torchlight | black, 14 to 1 |

## CSS

```css
background: linear-gradient(135deg, #2e215c 0.0%, #34225e 3.2%, #3c235f 6.5%, #462561 9.7%, #502761 12.9%, #5c2961 16.1%, #672b61 19.4%, #732e61 22.6%, #7e3262 25.8%, #8a3564 29.0%, #983967 32.3%, #a73d6a 35.5%, #b6416d 38.7%, #c4466f 41.9%, #d24b71 45.2%, #de5171 48.4%, #e75770 51.6%, #ee5f70 54.8%, #f36770 58.1%, #f66f70 61.3%, #f97771 64.5%, #fb8072 67.7%, #fc8773 71.0%, #fe8f74 74.2%, #ff9875 77.4%, #ffa177 80.6%, #ffaa79 83.9%, #ffb27b 87.1%, #ffb97c 90.3%, #ffc07d 93.5%, #fec680 96.8%, #feca83 100.0%);
background: linear-gradient(135deg in oklch, oklch(29.92% 0.1006 288.98) 0.0%, oklch(30.94% 0.1019 293.48) 3.2%, oklch(32.24% 0.1032 299.69) 6.5%, oklch(33.79% 0.1049 307.09) 9.7%, oklch(35.54% 0.1069 315.18) 12.9%, oklch(37.46% 0.1094 323.44) 16.1%, oklch(39.51% 0.1125 331.36) 19.4%, oklch(41.66% 0.1164 338.44) 22.6%, oklch(43.87% 0.1212 344.18) 25.8%, oklch(46.34% 0.1281 348.97) 29.0%, oklch(49.07% 0.1367 353.14) 32.3%, oklch(51.95% 0.1463 356.85) 35.5%, oklch(54.89% 0.1560 0.23) 38.7%, oklch(57.79% 0.1649 3.41) 41.9%, oklch(60.54% 0.1720 6.54) 45.2%, oklch(63.05% 0.1767 9.74) 48.4%, oklch(65.22% 0.1780 13.07) 51.6%, oklch(67.17% 0.1763 16.16) 54.8%, oklch(68.93% 0.1723 19.04) 58.1%, oklch(70.56% 0.1666 21.85) 61.3%, oklch(72.08% 0.1599 24.69) 64.5%, oklch(73.53% 0.1529 27.70) 67.7%, oklch(74.96% 0.1461 31.00) 71.0%, oklch(76.41% 0.1404 34.71) 74.2%, oklch(77.90% 0.1334 39.08) 77.4%, oklch(79.44% 0.1257 44.32) 80.6%, oklch(80.99% 0.1195 50.09) 83.9%, oklch(82.49% 0.1150 56.05) 87.1%, oklch(83.90% 0.1120 61.85) 90.3%, oklch(85.15% 0.1106 67.14) 93.5%, oklch(86.21% 0.1087 71.58) 96.8%, oklch(87.01% 0.1061 74.82) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.299 | 0.101 | 289 |
| 2 | 0.433 | 0.12 | 342.9 |
| 3 | 0.642 | 0.178 | 371.4 |
| 4 | 0.768 | 0.139 | 395.7 |
| 5 | 0.87 | 0.106 | 434.8 |

## In these collections

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

## Other forms

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