Navy, teal, light blue and dark purple linear gradient

Navy, teal, light blue and dark purple palette with 32 colors. #031028, #106266, #c6e1f0, #8dacff, #2d0012. Edit and export CSS, SVG, PNG or a shader.

32 colors, 5 editable OKLCH keyframes.

#031028
#02152e
#001d34
#002539
#002f3f
#003b47
#004750
#00545a
#106266
#2e7175
#4b8388
#68979d
#85aab2
#a0bdc6
#b5cdd7
#c2dae5
#c6e1f0
#c0e4fc
#bee3ff
#b8deff
#afd6ff
#a3cbff
#97beff
#8dacff
#8994ff
#8a77e4
#845aba
#773f8c
#642860
#4f153d
#3b0723
#2d0012

CSS

background: linear-gradient(45deg in oklch, oklch(17.72% 0.0537 259.45) 0.0%, oklch(19.70% 0.0557 254.06) 3.2%, oklch(22.22% 0.0577 246.45) 6.5%, oklch(25.19% 0.0549 236.92) 9.7%, oklch(28.58% 0.0551 226.82) 12.9%, oklch(32.33% 0.0578 217.11) 16.1%, oklch(36.40% 0.0627 208.76) 19.4%, oklch(40.72% 0.0693 202.72) 22.6%, oklch(45.29% 0.0725 199.90) 25.8%, oklch(50.88% 0.0679 200.03) 29.0%, oklch(57.44% 0.0602 202.35) 32.3%, oklch(64.47% 0.0510 206.34) 35.5%, oklch(71.46% 0.0419 211.48) 38.7%, oklch(77.94% 0.0342 217.24) 41.9%, oklch(83.39% 0.0296 223.10) 45.2%, oklch(87.33% 0.0295 228.53) 48.4%, oklch(89.40% 0.0358 233.10) 51.6%, oklch(90.15% 0.0499 237.17) 54.8%, oklch(89.80% 0.0549 241.07) 58.1%, oklch(88.45% 0.0605 245.10) 61.3%, oklch(86.24% 0.0706 249.52) 64.5%, oklch(83.27% 0.0848 254.63) 67.7%, oklch(79.66% 0.1026 260.68) 71.0%, oklch(75.51% 0.1247 267.97) 74.2%, oklch(70.46% 0.1559 277.16) 77.4%, oklch(63.65% 0.1587 288.83) 80.6%, oklch(55.64% 0.1469 302.14) 83.9%, oklch(47.05% 0.1317 316.15) 87.1%, oklch(38.50% 0.1151 329.95) 90.3%, oklch(30.61% 0.0991 342.62) 93.5%, oklch(24.00% 0.0858 353.25) 96.8%, oklch(19.29% 0.0772 0.90) 100.0%);