Vivid analogous green to yellow linear gradient

Vivid analogous green to yellow color palette

Linear gradient, 7 colors at 90°: #338660, #61a966, #acd663, #e9f055, #efec40, #d7dc25, #c4cf04. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#338660
#61a966
#acd663
#e9f055
#efec40
#d7dc25
#c4cf04

CSS

background: linear-gradient(90deg in oklch, oklch(55.91% 0.1006 160.31) 0.0%, oklch(67.02% 0.1214 145.83) 16.7%, oklch(82.15% 0.1502 125.95) 33.3%, oklch(92.13% 0.1722 111.70) 50.0%, oklch(91.78% 0.1808 108.73) 66.7%, oklch(86.26% 0.1827 111.39) 83.3%, oklch(81.89% 0.1833 113.82) 100.0%);

In these collections

Color trends 2026 swatches