Advertise on WebGradients — reach designers & frontend developers.Learn more
#20E2D7
#F9FEA5

Linear CSS gradient

#151 Sun Veggie Gradient

Sun Veggie blends teal (#20E2D7) and lemon (#F9FEA5) in a bold linear CSS gradient across two colour stops.

Saturated to the max, this palette grabs attention fast and keeps it — ideal wherever boldness is a feature, not a bug.

Works well for gaming UIs, nightlife event pages, bold call-to-action sections. Copy the CSS snippet below and apply it directly — no preprocessor or build step required.

Color palette

ColorHEXRGB
#20E2D7rgb(32, 226, 215)
#F9FEA5rgb(249, 254, 165)

CSS code

background-image: linear-gradient(-225deg, #20E2D7 0%, #F9FEA5 100%);

#151 Sun Veggie Gradient preview