Cyan Green Teal Quiet Field

Light blue, dark green, navy and teal color palette

This diagonal gradient moves through pale cyan, teal, deep yellow, deep green, deep cyan, and vivid teal. Linear gradient, 32 colors at 225°: #96cdfa, #3f5d2c, #002927, #0c4a6d, #36f5cb. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#96cdfa
#86c6ed
#71bdd9
#5cb1bf
#4aa2a1
#409281
#3e8061
#3f6e45
#3f5d2c
#3c4f18
#374408
#303d02
#243905
#13350d
#003118
#002c21
#002927
#00272b
#002732
#00283a
#002b45
#06304f
#0b3b5c
#0c4a6d
#035d81
#007393
#008ca3
#00a5b2
#00bebe
#00d5c5
#13e8c9
#36f5cb

CSS

background: linear-gradient(225deg in oklch, oklch(82.68% 0.0854 243.98) 0.0%, oklch(79.80% 0.0852 235.92) 3.2%, oklch(75.89% 0.0850 224.25) 6.5%, oklch(71.19% 0.0848 209.99) 9.7%, oklch(65.94% 0.0845 194.14) 12.9%, oklch(60.39% 0.0842 177.69) 16.1%, oklch(54.76% 0.0838 161.66) 19.4%, oklch(49.31% 0.0834 147.04) 22.6%, oklch(44.26% 0.0829 134.84) 25.8%, oklch(39.87% 0.0823 126.06) 29.0%, oklch(36.36% 0.0816 121.70) 32.3%, oklch(33.75% 0.0805 122.81) 35.5%, oklch(31.39% 0.0787 129.51) 38.7%, oklch(29.31% 0.0762 140.65) 41.9%, oklch(27.58% 0.0683 154.93) 45.2%, oklch(26.23% 0.0512 171.36) 48.4%, oklch(25.34% 0.0440 188.69) 51.6%, oklch(24.98% 0.0427 205.69) 54.8%, oklch(25.20% 0.0462 221.09) 58.1%, oklch(26.08% 0.0543 233.68) 61.3%, oklch(27.66% 0.0660 242.25) 64.5%, oklch(30.06% 0.0703 245.64) 67.7%, oklch(33.88% 0.0760 244.82) 71.0%, oklch(39.00% 0.0837 240.63) 74.2%, oklch(45.09% 0.0930 233.80) 77.4%, oklch(51.83% 0.0983 225.08) 80.6%, oklch(58.86% 0.1041 215.14) 83.9%, oklch(65.87% 0.1124 204.76) 87.1%, oklch(72.52% 0.1238 194.64) 90.3%, oklch(78.48% 0.1380 185.52) 93.5%, oklch(83.42% 0.1516 178.13) 96.8%, oklch(87.01% 0.1571 173.18) 100.0%);

In these collections

Blue and green gradients