Navy and violet cyberpunk palette

The Navy and violet cyberpunk palette brings together dark blue, purple, and magenta. Radial gradient, 32 colors: #111243, #332382, #6f33c6, #ad3fd4, #e24ac9. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#111243
#131448
#16164d
#1a1754
#1e1a5c
#221c65
#271e6e
#2d2178
#332382
#3a268d
#412897
#482aa1
#502caa
#582eb3
#6030bb
#6732c1
#6f33c6
#7735cb
#8037ce
#8838d1
#913ad3
#9b3bd4
#a43dd4
#ad3fd4
#b540d3
#bd42d2
#c543d0
#cc45cf
#d346cd
#d848cb
#dd49ca
#e24ac9

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(22.05% 0.0896 274.92) 0.0%, oklch(23.01% 0.0941 275.61) 3.2%, oklch(24.19% 0.0999 276.38) 6.5%, oklch(25.56% 0.1067 277.24) 9.7%, oklch(27.10% 0.1144 278.18) 12.9%, oklch(28.78% 0.1229 279.20) 16.1%, oklch(30.58% 0.1318 280.31) 19.4%, oklch(32.46% 0.1411 281.50) 22.6%, oklch(34.40% 0.1506 282.78) 25.8%, oklch(36.36% 0.1601 284.14) 29.0%, oklch(38.34% 0.1694 285.58) 32.3%, oklch(40.29% 0.1783 287.10) 35.5%, oklch(42.18% 0.1867 288.71) 38.7%, oklch(44.00% 0.1944 290.40) 41.9%, oklch(45.72% 0.2013 292.18) 45.2%, oklch(47.30% 0.2070 294.04) 48.4%, oklch(48.74% 0.2116 296.01) 51.6%, oklch(50.17% 0.2155 298.26) 54.8%, oklch(51.60% 0.2186 300.78) 58.1%, oklch(53.01% 0.2212 303.50) 61.3%, oklch(54.41% 0.2233 306.39) 64.5%, oklch(55.77% 0.2249 309.40) 67.7%, oklch(57.11% 0.2262 312.47) 71.0%, oklch(58.40% 0.2271 315.56) 74.2%, oklch(59.63% 0.2277 318.63) 77.4%, oklch(60.81% 0.2282 321.61) 80.6%, oklch(61.92% 0.2285 324.47) 83.9%, oklch(62.95% 0.2287 327.15) 87.1%, oklch(63.90% 0.2289 329.61) 90.3%, oklch(64.75% 0.2292 331.79) 93.5%, oklch(65.50% 0.2296 333.66) 96.8%, oklch(66.14% 0.2301 335.16) 100.0%);

In these collections

Cyberpunk gradients