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 3 of 4
Venmo

Venmo

Revolut

Revolut

BMW

BMW

HBO Max

HBO Max

Disney+

Disney+

Loom

Loom

ClickUp

ClickUp

Jira

Jira

Trello

Trello

Webflow

Webflow

Vue

Vue

Viber

Viber

Signal

Signal

Tumblr

Tumblr

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.