Neon Halo over Midnight Blue

Navy, blue, purple and yellow color palette

The Neon Halo over Midnight Blue brings together dark blue, blue, magenta, and yellow. Linear gradient, 32 colors at 135°: #0f1727, #0868c4, #9b60fd, #ff6282, #ecf135. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#0f1727
#111c32
#142340
#172d52
#183767
#17437e
#145096
#0d5cad
#0868c4
#1071d9
#2377eb
#397af8
#4f7aff
#6578ff
#7773ff
#896aff
#9b60fd
#ac57f2
#bc50e3
#cb4ad3
#db45c1
#eb44ae
#fc4898
#ff6282
#ff7b73
#ff916a
#ffa565
#ffb761
#ffc757
#ffd62f
#f7e500
#ecf135

CSS

background: linear-gradient(135deg in oklch, oklch(20.47% 0.0358 264.37) 0.0%, oklch(22.85% 0.0454 263.70) 3.2%, oklch(26.06% 0.0584 262.34) 6.5%, oklch(29.93% 0.0740 260.57) 9.7%, oklch(34.24% 0.0915 258.64) 12.9%, oklch(38.82% 0.1099 256.80) 16.1%, oklch(43.45% 0.1287 255.30) 19.4%, oklch(47.95% 0.1470 254.41) 22.6%, oklch(52.12% 0.1640 254.38) 25.8%, oklch(55.76% 0.1789 255.47) 29.0%, oklch(58.67% 0.1910 257.92) 32.3%, oklch(60.72% 0.2000 261.88) 35.5%, oklch(62.04% 0.2038 267.02) 38.7%, oklch(62.80% 0.2004 273.21) 41.9%, oklch(63.12% 0.2026 280.31) 45.2%, oklch(63.17% 0.2112 288.23) 48.4%, oklch(63.09% 0.2233 296.82) 51.6%, oklch(63.03% 0.2248 305.99) 54.8%, oklch(63.14% 0.2256 315.61) 58.1%, oklch(63.56% 0.2260 325.56) 61.3%, oklch(64.44% 0.2261 335.73) 64.5%, oklch(65.92% 0.2259 346.11) 67.7%, oklch(68.02% 0.2245 357.92) 71.0%, oklch(70.58% 0.1912 11.15) 74.2%, oklch(73.50% 0.1622 25.34) 77.4%, oklch(76.63% 0.1435 40.01) 80.6%, oklch(79.84% 0.1336 54.68) 83.9%, oklch(83.00% 0.1323 68.88) 87.1%, oklch(85.98% 0.1421 82.14) 90.3%, oklch(88.65% 0.1717 93.98) 93.5%, oklch(90.87% 0.1918 103.92) 96.8%, oklch(92.52% 0.1915 111.50) 100.0%);

In these collections

Surreal colors