Hero

Midnight Hero

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

Background previewMidnight Hero

CSS

background: radial-gradient(circle at 86% 18%, rgba(37,99,235,.28), transparent 29%), radial-gradient(circle at 12% 82%, rgba(124,58,237,.22), transparent 26%), linear-gradient(135deg, #020617 0%, #020617 58%, #020617 100%);

Colors

#020617

rgba(37,99,235,.28)

rgba(124,58,237,.22)

Related backgrounds

More in Hero

View category →

HeroLight Blue Hero

HeroDark Business Hero

HeroGreen Business Hero