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 12 of 13
Render

Render

Netlify

Netlify

OpenAI

OpenAI

WeChat

WeChat

Viber

Viber

Signal

Signal

Tumblr

Tumblr

Linear

Linear

Framer

Framer

Behance

Behance

Canva

Canva

Zoom

Zoom

Dropbox

Dropbox

Rolex

Rolex

PayPal

PayPal

Shopify

Shopify

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.