Navy, violet and blush vaporwave palette

Analogous navy, purple and pink color palette

The Navy, violet and blush vaporwave palette brings together dark blue, purple, magenta, and light magenta. Radial gradient, 32 colors: #090e2d, #302663, #744095, #ba5eb6, #f199c0. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#090e2d
#0c0f31
#0f1237
#13153e
#181846
#1e1c4e
#231f55
#29225c
#302663
#382969
#402c70
#482f76
#50337d
#593683
#613989
#6b3d8f
#744095
#7d449b
#8748a0
#914ca5
#9b50aa
#a654ae
#b059b2
#ba5eb6
#c464b9
#cd6abb
#d672bc
#dd7abc
#e484bd
#ea8cbe
#ee94bf
#f199c0

CSS

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%);

In these collections

Vaporwave gradients