Midnight Mall Aura

Navy, purple, pink and light blue color palette

From the center outward, the gradient begins in soft black, passes through deep indigo, violet, and magenta, then reaches turquoise at the edge. Radial gradient, 32 colors: #151238, #362369, #7938a4, #ef59a7, #8be5dc. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#151238
#17143b
#1a1540
#1d1746
#21194d
#261c54
#2b1e5b
#312062
#362369
#3c2571
#422778
#492a80
#502c88
#582f8f
#613197
#6c349e
#7938a4
#8a39a6
#9f3aa5
#b53c9f
#ca3f99
#db4595
#e84d98
#ef59a7
#ee68c3
#df7de8
#c29aff
#a5b4ff
#8dc7ff
#6dd7fd
#79e0e9
#8be5dc

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(21.26% 0.0703 281.25) 0.0%, oklch(22.08% 0.0739 281.97) 3.2%, oklch(23.15% 0.0786 282.87) 6.5%, oklch(24.42% 0.0843 283.95) 9.7%, oklch(25.85% 0.0906 285.18) 12.9%, oklch(27.40% 0.0973 286.53) 16.1%, oklch(29.01% 0.1041 288.00) 19.4%, oklch(30.66% 0.1109 289.55) 22.6%, oklch(32.30% 0.1173 291.16) 25.8%, oklch(33.93% 0.1240 292.66) 29.0%, oklch(35.60% 0.1311 294.08) 32.3%, oklch(37.32% 0.1383 295.56) 35.5%, oklch(39.12% 0.1456 297.23) 38.7%, oklch(41.04% 0.1526 299.24) 41.9%, oklch(43.08% 0.1593 301.72) 45.2%, oklch(45.29% 0.1653 304.80) 48.4%, oklch(47.69% 0.1710 309.03) 51.6%, oklch(50.38% 0.1775 316.37) 54.8%, oklch(53.29% 0.1845 325.78) 58.1%, oklch(56.34% 0.1912 335.78) 61.3%, oklch(59.45% 0.1969 344.86) 64.5%, oklch(62.52% 0.2007 351.53) 67.7%, oklch(65.48% 0.2018 354.28) 71.0%, oklch(68.25% 0.1996 351.62) 74.2%, oklch(70.85% 0.1928 341.70) 77.4%, oklch(73.50% 0.1806 324.11) 80.6%, oklch(76.13% 0.1461 301.14) 83.9%, oklch(78.66% 0.1084 275.15) 87.1%, oklch(81.01% 0.1001 248.50) 90.3%, oklch(83.11% 0.1112 223.56) 93.5%, oklch(84.87% 0.0968 202.69) 96.8%, oklch(86.22% 0.0868 188.26) 100.0%);

In these collections

Vaporwave color palette