Analogous dark green, teal and yellow linear swatches

Analogous dark green, teal and yellow color palette

Linear swatches, 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, oklch(38.58% 0.0593 180.00) 0.000% 12.500%, oklch(47.64% 0.0661 187.40) 12.500% 25.000%, oklch(56.69% 0.0648 192.68) 25.000% 37.500%, oklch(64.96% 0.0854 150.41) 37.500% 50.000%, oklch(72.83% 0.1447 128.22) 50.000% 62.500%, oklch(81.10% 0.1695 121.88) 62.500% 75.000%, oklch(88.98% 0.1626 118.71) 75.000% 87.500%, oklch(96.06% 0.1418 117.65) 87.500% 100.000%);

In these collections

Blue and green swatches