Aurora Gradients.
Learn what Aurora Gradients means in modern web design.
A trending visual style that uses soft, multi-color radial or mesh gradients reminiscent of northern lights — popularized by Stripe and Linear circa 2020.
Aurora gradients use multiple overlapping radial gradients in soft, complementary hues — purples, blues, pinks, teals — to create dreamy, atmospheric backgrounds. Stripe's 2020 site redesign and Linear's entire visual identity made the look ubiquitous in SaaS marketing.
Why They're Effective
Aurora gradients add visual richness without competing for content attention. They establish a premium, tech-forward aesthetic, scale gracefully across screen sizes, and pair well with both light and dark text. They also render fast — they're typically a single SVG or CSS background, not a heavy image asset.
How to Avoid Generic Aurora
Like bento grids, the aesthetic became a template. Differentiation comes from custom color combinations tied to brand, careful overlay with content, and considered use of motion (gradients that slowly drift, blur, or shift create more memorable hero sections than static ones).
Related Terms
Ready to close the loop?
See every term in action
Aergos tracks your AI and organic visibility across every channel, in one platform.
Not ready to talk? Audit your site free →