Hero

Teal Hero

A polished teal hero background for landing-page and product hero sections.

Background previewTeal Hero

CSS

background: radial-gradient(circle at 86% 18%, rgba(45,212,191,.26), transparent 29%), radial-gradient(circle at 12% 82%, rgba(14,116,144,.22), transparent 26%), linear-gradient(135deg, #134e4a 0%, #134e4a 58%, #134e4a 100%);

Colors

#134e4a

rgba(45,212,191,.26)

rgba(14,116,144,.22)

Related backgrounds

More in Hero

View category →

HeroLight Blue Hero

HeroDark Business Hero

HeroGreen Business Hero