Deep cyan and terracotta alpine thaw

The Deep cyan and terracotta alpine thaw brings together blue, light gray, green, and orange. Linear gradient, 32 colors at 90°: #253947, #477e97, #afcfd2, #98bd8d, #c17a4f. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#253947
#273e4d
#294556
#2c4d60
#2f566b
#326076
#376a81
#3e738b
#477e97
#5189a2
#5c95ae
#67a0b8
#71abc0
#7db4c6
#8dbecb
#9ec7cf
#afcfd2
#bdd5d5
#c5d9d6
#c4d9d4
#bbd6cb
#add0bc
#a0c7a6
#98bd8d
#97b273
#9ca85e
#a59f4e
#ae9543
#b68c40
#bc8544
#bf7f4a
#c17a4f

CSS

background: linear-gradient(90deg in oklch, oklch(33.46% 0.0358 238.36) 0.0%, oklch(35.18% 0.0393 237.46) 3.2%, oklch(37.51% 0.0444 236.22) 6.5%, oklch(40.28% 0.0504 234.75) 9.7%, oklch(43.35% 0.0564 233.17) 12.9%, oklch(46.56% 0.0617 231.60) 16.1%, oklch(49.77% 0.0656 230.17) 19.4%, oklch(53.01% 0.0679 229.14) 22.6%, oklch(56.53% 0.0697 228.66) 25.8%, oklch(60.23% 0.0707 228.32) 29.0%, oklch(63.93% 0.0707 227.70) 32.3%, oklch(67.52% 0.0697 226.37) 35.5%, oklch(70.83% 0.0674 223.91) 38.7%, oklch(73.89% 0.0631 220.01) 41.9%, oklch(77.15% 0.0549 215.05) 45.2%, oklch(80.38% 0.0446 209.17) 48.4%, oklch(83.27% 0.0343 202.51) 51.6%, oklch(85.52% 0.0260 195.18) 54.8%, oklch(86.82% 0.0218 187.29) 58.1%, oklch(86.83% 0.0237 178.93) 61.3%, oklch(85.27% 0.0324 169.69) 64.5%, oklch(82.57% 0.0458 159.69) 67.7%, oklch(79.23% 0.0615 149.17) 71.0%, oklch(75.76% 0.0772 138.36) 74.2%, oklch(72.69% 0.0905 127.50) 77.4%, oklch(70.51% 0.0991 116.79) 80.6%, oklch(68.93% 0.1038 105.10) 83.9%, oklch(67.65% 0.1061 92.51) 87.1%, oklch(66.61% 0.1067 79.94) 90.3%, oklch(65.79% 0.1064 68.27) 93.5%, oklch(65.12% 0.1060 58.43) 96.8%, oklch(64.57% 0.1061 51.31) 100.0%);

In these collections

Alpine thaw