Blue Gradients

Blues from navy to sky — the largest set in the library, and the closest thing software has to a default.

88 gradientsCSS · Tailwind · Figma

Blue Gradients · Brand

88 gradients · page 1 of 4
Bluesky

Bluesky

Pandora

Pandora

Calm

Calm

Messenger

Messenger

Affirm

Affirm

Walmart

Walmart

eBay

eBay

Loops

Loops

Okta

Okta

Clerk

Clerk

Inngest

Inngest

Prisma

Prisma

PostgreSQL

Postgres

Algolia

Algolia

About blue gradients

Blue is the most-used hue here because it is the most-used hue in the industry: it recedes, it reads as trustworthy, and it has never offended anyone. A blue hero sits behind an interface without competing with it, which is exactly what most products want.

It is also the easiest place to look like everyone else. The way out is the range rather than the hue — a tight navy-to-slate travel reads as deliberate, while a sweep from blue through violet across 120 degrees reads as a template from 2017.