Navy, turquoise and magenta cyberpunk palette

Navy, teal, blue and purple color palette

The Navy, turquoise and magenta cyberpunk palette brings together dark blue, blue, teal, and magenta. Radial gradient, 32 colors: #021022, #005176, #29c9c8, #0892ff, #f32fc5. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#021022
#021328
#031930
#031f3b
#032746
#033053
#013a5f
#00446b
#005176
#005e82
#006d8e
#007b9a
#0089a4
#0097af
#05a8b8
#19b9c1
#29c9c8
#30d6cf
#25ded6
#00dede
#00d4e4
#00c2e8
#00aced
#0892ff
#4e78ff
#6d63fe
#8854f9
#a249f2
#bc41e8
#d33bdd
#e635d0
#f32fc5

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(16.93% 0.0441 252.42) 0.0%, oklch(18.65% 0.0486 251.88) 3.2%, oklch(20.94% 0.0550 251.33) 6.5%, oklch(23.70% 0.0626 250.60) 9.7%, oklch(26.79% 0.0705 249.51) 12.9%, oklch(30.12% 0.0780 247.90) 16.1%, oklch(33.56% 0.0844 245.59) 19.4%, oklch(37.18% 0.0889 242.41) 22.6%, oklch(41.19% 0.0916 238.21) 25.8%, oklch(45.45% 0.0943 233.37) 29.0%, oklch(49.82% 0.0974 228.22) 32.3%, oklch(54.14% 0.1009 223.08) 35.5%, oklch(58.28% 0.1049 218.27) 38.7%, oklch(62.30% 0.1093 213.52) 41.9%, oklch(66.87% 0.1141 207.20) 45.2%, oklch(71.59% 0.1182 200.39) 48.4%, oklch(75.94% 0.1228 194.39) 51.6%, oklch(79.42% 0.1284 190.55) 54.8%, oklch(81.51% 0.1355 190.18) 58.1%, oklch(81.66% 0.1394 194.65) 61.3%, oklch(79.33% 0.1354 204.54) 64.5%, oklch(75.24% 0.1355 218.40) 67.7%, oklch(70.32% 0.1483 234.57) 71.0%, oklch(65.46% 0.1901 251.34) 74.2%, oklch(61.60% 0.2065 267.08) 77.4%, oklch(59.63% 0.2224 280.18) 80.6%, oklch(59.43% 0.2317 292.26) 83.9%, oklch(60.37% 0.2401 304.16) 87.1%, oklch(61.99% 0.2475 315.39) 90.3%, oklch(63.86% 0.2539 325.45) 93.5%, oklch(65.52% 0.2591 333.87) 96.8%, oklch(66.54% 0.2632 340.13) 100.0%);

In these collections

Cyberpunk gradients