Cool Gradients

Blues, teals, greens and violets — the default register for software that wants to read as calm, competent and trustworthy.

155 gradientsCSS · Tailwind · Figma

Cool Gradients · Blue

155 gradients · page 4 of 7
Inngest

Inngest

Prisma

Prisma

PostgreSQL

Postgres

Algolia

Algolia

Datadog

Datadog

Sentry

Sentry

PostHog

Posthog

Spline

Spline

Mercury

Mercury

Paddle

Paddle

Bubble

Bubble

Retool

Retool

Cron

Cron

Craft

Craft

Phantom

Phantom

OpenSea

OpenSea

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.