Teal, gray blue, blue and dark gray angular gradient

Teal, gray blue, blue and dark gray palette with 32 colors. #437575, #7096a6, #5a7094, #313d5b, #383b3d. Edit and export CSS, SVG, PNG or a shader.

32 colors, 6 editable OKLCH keyframes.

#437575
#487979
#4e7e80
#568589
#5e8b91
#659099
#6a949f
#6d96a3
#7096a6
#7195a8
#7292a9
#728fa9
#718ba7
#6e86a4
#6980a0
#62789a
#5a7094
#52678d
#4c5f85
#46587e
#405176
#3b4a6d
#354364
#313d5b
#2d3854
#2a364e
#293549
#2a3646
#2d3843
#313940
#353b3f
#383b3d

CSS

background: conic-gradient(from 135deg in oklch, oklch(52.76% 0.0537 194.77) 0.0%, oklch(54.10% 0.0531 196.81) 3.2%, oklch(56.07% 0.0520 199.50) 6.5%, oklch(58.35% 0.0508 202.74) 9.7%, oklch(60.65% 0.0497 206.45) 12.9%, oklch(62.63% 0.0488 210.56) 16.1%, oklch(64.00% 0.0483 214.98) 19.4%, oklch(64.67% 0.0482 219.99) 22.6%, oklch(64.97% 0.0484 225.98) 25.8%, oklch(64.92% 0.0489 232.48) 29.0%, oklch(64.53% 0.0496 239.01) 32.3%, oklch(63.79% 0.0506 245.07) 35.5%, oklch(62.72% 0.0518 250.17) 38.7%, oklch(61.26% 0.0535 253.96) 41.9%, oklch(59.24% 0.0561 256.82) 45.2%, oklch(56.79% 0.0591 258.96) 48.4%, oklch(54.10% 0.0622 260.57) 51.6%, oklch(51.34% 0.0647 261.81) 54.8%, oklch(48.70% 0.0661 262.85) 58.1%, oklch(46.29% 0.0659 263.88) 61.3%, oklch(43.75% 0.0645 264.97) 64.5%, oklch(41.12% 0.0621 265.94) 67.7%, oklch(38.58% 0.0589 266.56) 71.0%, oklch(36.31% 0.0551 266.61) 74.2%, oklch(34.48% 0.0507 265.85) 77.4%, oklch(33.28% 0.0458 264.04) 80.6%, oklch(32.83% 0.0396 260.57) 83.9%, oklch(32.95% 0.0321 255.75) 87.1%, oklch(33.45% 0.0242 250.28) 90.3%, oklch(34.11% 0.0166 244.87) 93.5%, oklch(34.71% 0.0101 240.22) 96.8%, oklch(35.04% 0.0055 237.04) 100.0%);

In these collections

Navy and teal gradients