# Navy, violet and blush vaporwave palette

The Navy, violet and blush vaporwave palette brings together dark blue, purple, magenta, and light magenta. 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 dark blue, and its lightest tone is light magenta.

- Also called: Analogous navy, purple and pink radial gradient
- Seed: `kYLi7CJCLBDMswhDNsH1DpB-Opwg`
- Page: https://grabient.com/kYLi7CJCLBDMswhDNsH1DpB-Opwg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light
- Hues: wide
- Contrast of its darkest and lightest colors: 9 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 | `#090e2d` | `oklch(18.11% 0.0634 272.81)` | Squid’s Ink | white, 18.9 to 1 |
| 2 | `#0c0f31` | `oklch(19.16% 0.0667 273.71)` | Spanish Roast | white, 18.5 to 1 |
| 3 | `#0f1237` | `oklch(20.60% 0.0714 274.88)` | Grim Reaper | white, 18 to 1 |
| 4 | `#13153e` | `oklch(22.31% 0.0769 276.29)` | Deadly Depths | white, 17.4 to 1 |
| 5 | `#181846` | `oklch(24.18% 0.0829 277.94)` | Tetsu-Kon Blue | white, 16.6 to 1 |
| 6 | `#1e1c4e` | `oklch(26.11% 0.0887 279.81)` | Fly-by-Night | white, 15.8 to 1 |
| 7 | `#231f55` | `oklch(27.99% 0.0941 281.88)` | Spacescape | white, 14.9 to 1 |
| 8 | `#29225c` | `oklch(29.79% 0.0988 284.24)` | Cluedo Night | white, 14.1 to 1 |
| 9 | `#302663` | `oklch(31.64% 0.1034 286.95)` | Paris M | white, 13.3 to 1 |
| 10 | `#382969` | `oklch(33.53% 0.1078 289.92)` | Paris M | white, 12.4 to 1 |
| 11 | `#402c70` | `oklch(35.46% 0.1122 293.02)` | Her Highness | white, 11.5 to 1 |
| 12 | `#482f76` | `oklch(37.41% 0.1165 296.14)` | Windsor | white, 10.7 to 1 |
| 13 | `#50337d` | `oklch(39.37% 0.1209 299.14)` | Prism Violet | white, 9.9 to 1 |
| 14 | `#593683` | `oklch(41.34% 0.1254 301.97)` | Kingfisher Daisy | white, 9.2 to 1 |
| 15 | `#613989` | `oklch(43.33% 0.1302 304.73)` | Violet Magician | white, 8.5 to 1 |
| 16 | `#6b3d8f` | `oklch(45.34% 0.1351 307.45)` | Sweet Flag | white, 7.8 to 1 |
| 17 | `#744095` | `oklch(47.38% 0.1399 310.16)` | Perkin Mauve | white, 7.2 to 1 |
| 18 | `#7d449b` | `oklch(49.43% 0.1444 312.86)` | Purple Pleasures | white, 6.6 to 1 |
| 19 | `#8748a0` | `oklch(51.50% 0.1482 315.56)` | Murasaki Purple | white, 6 to 1 |
| 20 | `#914ca5` | `oklch(53.60% 0.1514 318.28)` | Vicious Violet | white, 5.5 to 1 |
| 21 | `#9b50aa` | `oklch(55.75% 0.1547 320.99)` | Purpureus | white, 5 to 1 |
| 22 | `#a654ae` | `oklch(57.93% 0.1578 323.69)` | Orchid Dottyback | white, 4.6 to 1 |
| 23 | `#b059b2` | `oklch(60.13% 0.1602 326.40)` | Royalty Loyalty | black, 4.9 to 1 |
| 24 | `#ba5eb6` | `oklch(62.32% 0.1616 329.12)` | Mazzy Star | black, 5.3 to 1 |
| 25 | `#c464b9` | `oklch(64.47% 0.1614 331.87)` | Purple Urn Orchid | black, 5.8 to 1 |
| 26 | `#cd6abb` | `oklch(66.56% 0.1592 334.68)` | Gulābī Pink | black, 6.3 to 1 |
| 27 | `#d672bc` | `oklch(68.76% 0.1538 337.79)` | Sky Magenta | black, 6.9 to 1 |
| 28 | `#dd7abc` | `oklch(71.06% 0.1459 341.13)` | Fuchsia Blush | black, 7.6 to 1 |
| 29 | `#e484bd` | `oklch(73.30% 0.1368 344.47)` | Fuchsia Blush | black, 8.3 to 1 |
| 30 | `#ea8cbe` | `oklch(75.35% 0.1276 347.57)` | Chewing Gum Pink | black, 9 to 1 |
| 31 | `#ee94bf` | `oklch(77.08% 0.1197 350.18)` | Shocking | black, 9.6 to 1 |
| 32 | `#f199c0` | `oklch(78.35% 0.1144 352.07)` | Pastel Magenta | black, 10 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #090e2d 0.0%, #0c0f31 3.2%, #0f1237 6.5%, #13153e 9.7%, #181846 12.9%, #1e1c4e 16.1%, #231f55 19.4%, #29225c 22.6%, #302663 25.8%, #382969 29.0%, #402c70 32.3%, #482f76 35.5%, #50337d 38.7%, #593683 41.9%, #613989 45.2%, #6b3d8f 48.4%, #744095 51.6%, #7d449b 54.8%, #8748a0 58.1%, #914ca5 61.3%, #9b50aa 64.5%, #a654ae 67.7%, #b059b2 71.0%, #ba5eb6 74.2%, #c464b9 77.4%, #cd6abb 80.6%, #d672bc 83.9%, #dd7abc 87.1%, #e484bd 90.3%, #ea8cbe 93.5%, #ee94bf 96.8%, #f199c0 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(18.11% 0.0634 272.81) 0.0%, oklch(19.16% 0.0667 273.71) 3.2%, oklch(20.60% 0.0714 274.88) 6.5%, oklch(22.31% 0.0769 276.29) 9.7%, oklch(24.18% 0.0829 277.94) 12.9%, oklch(26.11% 0.0887 279.81) 16.1%, oklch(27.99% 0.0941 281.88) 19.4%, oklch(29.79% 0.0988 284.24) 22.6%, oklch(31.64% 0.1034 286.95) 25.8%, oklch(33.53% 0.1078 289.92) 29.0%, oklch(35.46% 0.1122 293.02) 32.3%, oklch(37.41% 0.1165 296.14) 35.5%, oklch(39.37% 0.1209 299.14) 38.7%, oklch(41.34% 0.1254 301.97) 41.9%, oklch(43.33% 0.1302 304.73) 45.2%, oklch(45.34% 0.1351 307.45) 48.4%, oklch(47.38% 0.1399 310.16) 51.6%, oklch(49.43% 0.1444 312.86) 54.8%, oklch(51.50% 0.1482 315.56) 58.1%, oklch(53.60% 0.1514 318.28) 61.3%, oklch(55.75% 0.1547 320.99) 64.5%, oklch(57.93% 0.1578 323.69) 67.7%, oklch(60.13% 0.1602 326.40) 71.0%, oklch(62.32% 0.1616 329.12) 74.2%, oklch(64.47% 0.1614 331.87) 77.4%, oklch(66.56% 0.1592 334.68) 80.6%, oklch(68.76% 0.1538 337.79) 83.9%, oklch(71.06% 0.1459 341.13) 87.1%, oklch(73.30% 0.1368 344.47) 90.3%, oklch(75.35% 0.1276 347.57) 93.5%, oklch(77.08% 0.1197 350.18) 96.8%, oklch(78.35% 0.1144 352.07) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.181 | 0.063 | 272.8 |
| 2 | 0.283 | 0.095 | 282.3 |
| 3 | 0.402 | 0.123 | 300.3 |
| 4 | 0.528 | 0.15 | 317.2 |
| 5 | 0.661 | 0.16 | 334.1 |
| 6 | 0.783 | 0.114 | 352.1 |

## In these collections

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

## Other forms

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