Navy, turquoise and rose cyberpunk palette

The Navy, turquoise and rose cyberpunk palette brings together dark blue, teal, blue, and magenta. Angular gradient, 32 colors at 315°: #001228, #007a87, #007ec1, #8838da, #e342aa. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#001228
#00192f
#002239
#002e45
#003c53
#004c60
#005c6e
#006b7b
#007a87
#008691
#008f9a
#0093a1
#0094a8
#0092ad
#008db2
#0086b9
#007ec1
#0072d2
#1b5eef
#4451eb
#5a46e7
#6a3fe3
#793bdf
#8838da
#9737d4
#a537ce
#b338c8
#c03ac1
#cb3cbb
#d53eb5
#dd40af
#e342aa

CSS

background: conic-gradient(from 315deg in oklch, oklch(18.14% 0.0525 250.82) 0.0%, oklch(20.73% 0.0552 247.53) 3.2%, oklch(24.33% 0.0585 242.70) 6.5%, oklch(28.67% 0.0624 236.82) 9.7%, oklch(33.52% 0.0670 230.33) 12.9%, oklch(38.62% 0.0723 223.70) 16.1%, oklch(43.72% 0.0783 217.38) 19.4%, oklch(48.58% 0.0846 211.84) 22.6%, oklch(52.96% 0.0909 207.53) 25.8%, oklch(56.59% 0.0966 204.92) 29.0%, oklch(59.23% 0.1011 204.47) 32.3%, oklch(60.70% 0.1040 206.55) 35.5%, oklch(61.17% 0.1061 210.92) 38.7%, oklch(60.84% 0.1088 217.17) 41.9%, oklch(59.90% 0.1134 224.91) 45.2%, oklch(58.53% 0.1221 233.74) 48.4%, oklch(56.94% 0.1384 243.26) 51.6%, oklch(55.30% 0.1709 253.08) 54.8%, oklch(53.80% 0.2278 262.78) 58.1%, oklch(52.64% 0.2287 272.00) 61.3%, oklch(52.01% 0.2295 280.33) 64.5%, oklch(52.07% 0.2304 287.46) 67.7%, oklch(52.65% 0.2308 294.38) 71.0%, oklch(53.61% 0.2305 301.33) 74.2%, oklch(54.85% 0.2296 308.23) 77.4%, oklch(56.29% 0.2284 314.94) 80.6%, oklch(57.84% 0.2269 321.37) 83.9%, oklch(59.41% 0.2253 327.40) 87.1%, oklch(60.92% 0.2238 332.94) 90.3%, oklch(62.28% 0.2223 337.86) 93.5%, oklch(63.39% 0.2212 342.05) 96.8%, oklch(64.17% 0.2205 345.42) 100.0%);

In these collections

Cyberpunk gradients