Cool Gradients
Blues, teals, greens and violets — the default register for software that wants to read as calm, competent and trustworthy.
297 gradientsCSS · Tailwind · Figma
Cool Gradients
297 gradients · page 10 of 13Seasonal
Tropical Vibes
Seasonal
Summer Splash
Seasonal
St Patricks Green
Curated
Arctic Blue
Curated
Aurora Borealis
Curated
Sage Serenity
Curated
Morning Dew
Curated
Galactic Core
Curated
Neon Nights
Curated
Forest Walk
Curated
Lavender Mist
Curated
Deep Space
Curated
Electric Lime
Curated
Minty Fresh
Curated
Purple Haze
Curated
Ocean Depth
Coinbase
Coinbase
Venmo
Venmo
Cash App
Cash App
Revolut
Revolut
Wise
Wise
Stripe
Stripe Radar-Inspired
Rivian
Rivian
BMW
BMW
About cool gradients
Cool gradients dominate fintech, SaaS and health products for a reason: they recede. A blue-violet hero sits behind an interface without competing with it, which is exactly what you want when the product, not the page, is the thing being sold.
Because so many products land here, cool is also the easiest place to look generic. The way out is the hue range rather than the hue: a tight teal-to-blue travel reads as considered, while a blue-to-purple sweep across 120 degrees reads as a template.
Explore more gradients
Build your own
Gradient GeneratorAnimated Gradient GeneratorMesh Gradient GeneratorTonal Gradient GeneratorGlassmorphism BuilderGradient Text GeneratorGradient from ImageGradient Wallpaper MakerGradient Border GeneratorGradient Contrast CheckerSVG Wave & Blob GeneratorDuotone GeneratorAurora Background GeneratorGradient Button GeneratorGradient Palette GeneratorGradient Shadow GeneratorCSS Pattern GeneratorGradient Avatar GeneratorGradient Loader GeneratorGradient Overlay Generator
