Skip to content

Blue Colors

449 blue colors in the library, 145 of them carrying a registered name. Every swatch opens a full breakdown: hex, RGB, HSL, HSV, CMYK, LAB and OKLCH values, WCAG contrast, harmonies, tints and shades.

Blue runs from about 200° to 255° and is the most used hue in interface and brand design. It reads as stable and low-risk, it is the default for links, and it stays legible for most viewers with colour vision deficiency. Blue also darkens more gracefully than any other hue: a navy is simply a dark blue, with no shift into a different family.

Named Blue Colors

The blues that carry a published name, from the CSS keywords through the paint and print registries. These are the ones worth referring to by name in a brief, because the person reading it can look them up.

Every Blue by Lightness

The full blue range grouped from darkest to lightest. Lightness is the L in HSL — the fastest way to find a blue that will hold up as a background, a border, or body text against the rest of your palette.

Mid-tone · 40-60% lightness · 109 colors

Browse Another Family

Working with Blue

For the editorial guide — what blue signals, where it works, and what to pair it with — read shades of blue. To find a blue by name rather than by eye, use the A-Z index of color names. To build a palette around one, open any swatch and use the palette generator or check it in the contrast checker.