Analogous teal, green and yellow linear gradient

Analogous teal, green and yellow color palette

Linear gradient, 8 colors at 90°: #174e45, #286963, #448381, #689e74, #8cb84d, #b0d243, #d0e961, #eaff8c. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

#174e45
#286963
#448381
#689e74
#8cb84d
#b0d243
#d0e961
#eaff8c

CSS

background: linear-gradient(90deg in oklch, oklch(38.58% 0.0593 180.00) 0.0%, oklch(47.64% 0.0661 187.40) 14.3%, oklch(56.69% 0.0648 192.68) 28.6%, oklch(64.96% 0.0854 150.41) 42.9%, oklch(72.83% 0.1447 128.22) 57.1%, oklch(81.10% 0.1695 121.88) 71.4%, oklch(88.98% 0.1626 118.71) 85.7%, oklch(96.06% 0.1418 117.65) 100.0%);

In these collections

Blue and green swatches