# Orange, rose and violet vaporwave palette

The Orange, rose and violet vaporwave palette brings together pale orange, light red, 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 pale orange.

- Also called: Tritone peach, pink and purple linear gradient
- Seed: `kW4DUoZKq7NdDPNEwj0MTc9o`
- Page: https://grabient.com/kW4DUoZKq7NdDPNEwj0MTc9o?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light to dark, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 7.2 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 | `#feccaa` | `oklch(88.19% 0.0730 56.25)` | Peachy Pico | black, 14.4 to 1 |
| 2 | `#ffc9a7` | `oklch(87.48% 0.0764 52.93)` | Fresco Cream | black, 14.1 to 1 |
| 3 | `#ffc4a5` | `oklch(86.53% 0.0796 48.40)` | Tomorrow’s Coral | black, 13.6 to 1 |
| 4 | `#ffbea3` | `oklch(85.41% 0.0838 43.00)` | Sweet Apricot | black, 13.1 to 1 |
| 5 | `#ffb7a2` | `oklch(84.16% 0.0893 37.07)` | Nature Apricot | black, 12.5 to 1 |
| 6 | `#ffb0a1` | `oklch(82.83% 0.0962 30.96)` | Amber Tide | black, 11.9 to 1 |
| 7 | `#ffa8a0` | `oklch(81.46% 0.1044 25.02)` | Corally | black, 11.3 to 1 |
| 8 | `#fea0a1` | `oklch(80.11% 0.1117 19.61)` | Her Majesty | black, 10.7 to 1 |
| 9 | `#fd99a1` | `oklch(78.82% 0.1190 15.03)` | Mad Pinker | black, 10.2 to 1 |
| 10 | `#fb92a2` | `oklch(77.55% 0.1275 11.03)` | Charming Cherry | black, 9.7 to 1 |
| 11 | `#fb8ba2` | `oklch(76.28% 0.1371 7.36)` | Bunny Fluff | black, 9.2 to 1 |
| 12 | `#f983a3` | `oklch(74.99% 0.1474 3.94)` | Pink Sherbet | black, 8.8 to 1 |
| 13 | `#f87ba4` | `oklch(73.66% 0.1576 0.69)` | Pink Sherbet | black, 8.3 to 1 |
| 14 | `#f573a6` | `oklch(72.28% 0.1672 357.56)` | Crazy Pink | black, 7.8 to 1 |
| 15 | `#f16ba8` | `oklch(70.83% 0.1756 354.45)` | Fugitive Flamingo | black, 7.4 to 1 |
| 16 | `#ec64a9` | `oklch(69.30% 0.1822 351.29)` | Fugitive Flamingo | black, 6.9 to 1 |
| 17 | `#e65eab` | `oklch(67.68% 0.1865 348.04)` | Fugitive Flamingo | black, 6.5 to 1 |
| 18 | `#de59ad` | `oklch(65.94% 0.1890 344.76)` | Orion | black, 6.1 to 1 |
| 19 | `#d553ad` | `oklch(64.12% 0.1899 341.49)` | Orion | black, 5.6 to 1 |
| 20 | `#cb4fad` | `oklch(62.24% 0.1897 338.26)` | Krameria | black, 5.2 to 1 |
| 21 | `#c14bad` | `oklch(60.30% 0.1886 335.08)` | Ultraviolet Nusp | black, 4.8 to 1 |
| 22 | `#b747ab` | `oklch(58.34% 0.1868 331.98)` | Ultraviolet Nusp | white, 4.6 to 1 |
| 23 | `#ad43aa` | `oklch(56.37% 0.1847 328.97)` | Vivid Fuchsia | white, 5 to 1 |
| 24 | `#a33fa7` | `oklch(54.42% 0.1824 326.07)` | Aged Purple | white, 5.4 to 1 |
| 25 | `#993ba4` | `oklch(52.42% 0.1799 323.24)` | Medium Purple | white, 5.9 to 1 |
| 26 | `#8e37a0` | `oklch(50.22% 0.1763 320.34)` | Nebula Outpost | white, 6.5 to 1 |
| 27 | `#83339b` | `oklch(47.92% 0.1719 317.46)` | Druchii Violet | white, 7.2 to 1 |
| 28 | `#782f95` | `oklch(45.63% 0.1672 314.68)` | Skeletor’s Cape | white, 7.9 to 1 |
| 29 | `#6e2c90` | `oklch(43.45% 0.1624 312.09)` | True Purple | white, 8.6 to 1 |
| 30 | `#65288a` | `oklch(41.47% 0.1579 309.78)` | Sapphire Siren | white, 9.3 to 1 |
| 31 | `#5e2685` | `oklch(39.82% 0.1542 307.83)` | Purplex | white, 10 to 1 |
| 32 | `#592482` | `oklch(38.58% 0.1516 306.35)` | Kalish Violet | white, 10.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #feccaa 0.0%, #ffc9a7 3.2%, #ffc4a5 6.5%, #ffbea3 9.7%, #ffb7a2 12.9%, #ffb0a1 16.1%, #ffa8a0 19.4%, #fea0a1 22.6%, #fd99a1 25.8%, #fb92a2 29.0%, #fb8ba2 32.3%, #f983a3 35.5%, #f87ba4 38.7%, #f573a6 41.9%, #f16ba8 45.2%, #ec64a9 48.4%, #e65eab 51.6%, #de59ad 54.8%, #d553ad 58.1%, #cb4fad 61.3%, #c14bad 64.5%, #b747ab 67.7%, #ad43aa 71.0%, #a33fa7 74.2%, #993ba4 77.4%, #8e37a0 80.6%, #83339b 83.9%, #782f95 87.1%, #6e2c90 90.3%, #65288a 93.5%, #5e2685 96.8%, #592482 100.0%);
background: linear-gradient(135deg in oklch, oklch(88.19% 0.0730 56.25) 0.0%, oklch(87.48% 0.0764 52.93) 3.2%, oklch(86.53% 0.0796 48.40) 6.5%, oklch(85.41% 0.0838 43.00) 9.7%, oklch(84.16% 0.0893 37.07) 12.9%, oklch(82.83% 0.0962 30.96) 16.1%, oklch(81.46% 0.1044 25.02) 19.4%, oklch(80.11% 0.1117 19.61) 22.6%, oklch(78.82% 0.1190 15.03) 25.8%, oklch(77.55% 0.1275 11.03) 29.0%, oklch(76.28% 0.1371 7.36) 32.3%, oklch(74.99% 0.1474 3.94) 35.5%, oklch(73.66% 0.1576 0.69) 38.7%, oklch(72.28% 0.1672 357.56) 41.9%, oklch(70.83% 0.1756 354.45) 45.2%, oklch(69.30% 0.1822 351.29) 48.4%, oklch(67.68% 0.1865 348.04) 51.6%, oklch(65.94% 0.1890 344.76) 54.8%, oklch(64.12% 0.1899 341.49) 58.1%, oklch(62.24% 0.1897 338.26) 61.3%, oklch(60.30% 0.1886 335.08) 64.5%, oklch(58.34% 0.1868 331.98) 67.7%, oklch(56.37% 0.1847 328.97) 71.0%, oklch(54.42% 0.1824 326.07) 74.2%, oklch(52.42% 0.1799 323.24) 77.4%, oklch(50.22% 0.1763 320.34) 80.6%, oklch(47.92% 0.1719 317.46) 83.9%, oklch(45.63% 0.1672 314.68) 87.1%, oklch(43.45% 0.1624 312.09) 90.3%, oklch(41.47% 0.1579 309.78) 93.5%, oklch(39.82% 0.1542 307.83) 96.8%, oklch(38.58% 0.1516 306.35) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.882 | 0.073 | 56.3 |
| 2 | 0.791 | 0.117 | 16.1 |
| 3 | 0.685 | 0.185 | -10.3 |
| 4 | 0.539 | 0.182 | -34.6 |
| 5 | 0.386 | 0.152 | -53.7 |

## In these collections

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

## Other forms

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