Hero

Amber Hero

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

Background previewAmber Hero

CSS

background: radial-gradient(circle at 86% 18%, rgba(245,158,11,.28), transparent 29%), radial-gradient(circle at 12% 82%, rgba(251,191,36,.22), transparent 26%), linear-gradient(135deg, #78350f 0%, #78350f 58%, #78350f 100%);

Colors

#78350f

rgba(245,158,11,.28)

rgba(251,191,36,.22)

Related backgrounds

More in Hero

View category →

HeroLight Blue Hero

HeroDark Business Hero

HeroGreen Business Hero