Blue Gradients

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

51 gradientsCSS · Tailwind · Figma

Blue Gradients · Dark

51 gradients · page 1 of 3
Pandora

Pandora

Calm

Calm

Curated

Royal

Curated

Frost

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.