Hero

Indigo Hero

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

Background previewIndigo Hero

CSS

background: radial-gradient(circle at 86% 18%, rgba(99,102,241,.28), transparent 29%), radial-gradient(circle at 12% 82%, rgba(129,140,248,.2), transparent 26%), linear-gradient(135deg, #1e1b4b 0%, #1e1b4b 58%, #1e1b4b 100%);

Colors

#1e1b4b

rgba(99,102,241,.28)

rgba(129,140,248,.2)

Related backgrounds

More in Hero

View category →

HeroLight Blue Hero

HeroDark Business Hero

HeroGreen Business Hero