Teal River, Green Banks

Teal, green, black and light green color palette

This diagonal gradient moves through teal, green, muted green, deep teal, teal, and vivid green. Linear gradient, 32 colors at 240°: #2dced4, #609351, #0f4233, #004847, #94f684. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#2dced4
#2bcac9
#2cc5bb
#33bfaa
#3eb897
#4ab084
#54a771
#5c9d60
#609351
#618946
#5e803e
#57783a
#4a6f38
#3b6438
#2b5937
#1c4d36
#0f4233
#073830
#04302d
#032c2c
#032b2d
#022f31
#00393a
#004847
#005b56
#007366
#028d73
#26a77d
#46c183
#65d785
#80e985
#94f684

CSS

background: linear-gradient(240deg in oklch, oklch(77.56% 0.1240 198.98) 0.0%, oklch(76.30% 0.1228 194.53) 3.2%, oklch(74.71% 0.1215 188.09) 6.5%, oklch(72.85% 0.1199 180.22) 9.7%, oklch(70.76% 0.1182 171.46) 12.9%, oklch(68.48% 0.1162 162.38) 16.1%, oklch(66.06% 0.1139 153.53) 19.4%, oklch(63.56% 0.1114 145.46) 22.6%, oklch(61.00% 0.1086 138.73) 25.8%, oklch(58.45% 0.1054 133.90) 29.0%, oklch(55.94% 0.1019 131.51) 32.3%, oklch(53.30% 0.0975 132.18) 35.5%, oklch(49.95% 0.0913 136.09) 38.7%, oklch(46.09% 0.0837 142.55) 41.9%, oklch(41.98% 0.0753 150.85) 45.2%, oklch(37.87% 0.0668 160.27) 48.4%, oklch(34.03% 0.0586 170.08) 51.6%, oklch(30.71% 0.0515 179.57) 54.8%, oklch(28.17% 0.0461 188.03) 58.1%, oklch(26.66% 0.0429 194.73) 61.3%, oklch(26.46% 0.0425 198.95) 64.5%, oklch(27.83% 0.0456 200.03) 67.7%, oklch(31.16% 0.0529 198.23) 71.0%, oklch(36.20% 0.0619 194.17) 74.2%, oklch(42.53% 0.0739 188.32) 77.4%, oklch(49.74% 0.0895 181.23) 80.6%, oklch(57.42% 0.1095 173.41) 83.9%, oklch(65.17% 0.1261 165.34) 87.1%, oklch(72.57% 0.1420 157.54) 90.3%, oklch(79.21% 0.1562 150.52) 93.5%, oklch(84.69% 0.1680 144.79) 96.8%, oklch(88.58% 0.1764 140.86) 100.0%);

In these collections

Blue and green gradients