Sky through the Evergreen

Light blue, dark green, teal and green color palette

This diagonal gradient moves through vivid cyan, vivid teal, deep green, deep teal, vivid teal, green, teal, and pale cyan. Linear gradient, 32 colors at 30°: #7abffc, #213102, #127182, #60bc61, #a4eefd. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#7abffc
#5fb5e5
#3ba5c1
#189095
#117868
#1e5f40
#244920
#24380a
#213102
#1d3006
#173613
#0c3e25
#00493a
#005350
#025e66
#116877
#127182
#007c8a
#00878b
#009388
#00a080
#22ac71
#4bb464
#60bc61
#67c56c
#65cf84
#61d8a0
#64e0bd
#71e5d6
#84e9e9
#97ecf6
#a4eefd

CSS

background: linear-gradient(30deg in oklch, oklch(78.35% 0.1116 246.09) 0.0%, oklch(73.90% 0.1081 235.03) 3.2%, oklch(67.43% 0.1029 218.64) 6.5%, oklch(59.69% 0.0968 199.04) 9.7%, oklch(51.45% 0.0902 178.33) 12.9%, oklch(43.48% 0.0838 158.61) 16.1%, oklch(36.53% 0.0781 141.99) 19.4%, oklch(31.37% 0.0737 130.57) 22.6%, oklch(28.73% 0.0712 126.46) 25.8%, oklch(28.41% 0.0697 130.81) 29.0%, oklch(29.80% 0.0689 141.74) 32.3%, oklch(32.49% 0.0689 156.91) 35.5%, oklch(36.06% 0.0686 173.93) 38.7%, oklch(40.07% 0.0691 190.53) 41.9%, oklch(44.08% 0.0746 204.26) 45.2%, oklch(47.69% 0.0788 212.80) 48.4%, oklch(50.63% 0.0846 214.03) 51.6%, oklch(53.59% 0.0923 208.57) 54.8%, oklch(56.66% 0.0963 198.37) 58.1%, oklch(59.78% 0.1051 185.38) 61.3%, oklch(62.90% 0.1226 171.51) 64.5%, oklch(65.98% 0.1435 158.69) 67.7%, oklch(68.95% 0.1518 148.82) 71.0%, oklch(71.77% 0.1556 143.85) 74.2%, oklch(74.47% 0.1537 145.02) 77.4%, oklch(77.23% 0.1465 151.02) 80.6%, oklch(79.98% 0.1355 160.45) 83.9%, oklch(82.63% 0.1222 171.99) 87.1%, oklch(85.09% 0.1080 184.28) 90.3%, oklch(87.29% 0.0945 195.98) 93.5%, oklch(89.14% 0.0833 205.76) 96.8%, oklch(90.55% 0.0758 212.28) 100.0%);

In these collections

Blue and green gradients