Essential cookies keep Huevex running. With your permission we also measure how the site is used. Nothing optional loads until you choose. Cookie Policy

Blue Color Swatches

Blue is the most used color in the world, and the least agreed upon. Navy, cobalt, sky, slate and periwinkle all belong to the same family, and their differences decide whether a page reads as institutional, technical, restful or cold. This library holds over eleven thousand blue swatches, from the palest ice through the denims and steely grays-blues into the near-black of midnight.

Blues are unusual in that they stay legible at almost any lightness on a screen, which is why they carry so much interface work. The list below runs from the lightest tint to the darkest shade so the family can be read as a gradient of trust rather than a set of choices. Each swatch has a name, a hex code and RGB values, and links through to tints, shades and contrast tests.

Most of the design work in this family happens in the middle of the list, where the mid blues are light enough to sit behind text and dark enough to hold a shape. The pale entries near the top are backgrounds and washes; the very dark entries at the bottom are the navies and midnights that carry type. A palette usually needs one from each end and nothing in between, which is why the middle of this list is worth browsing slowly.

Previous pagePage 1 of 17

All 400 colors in this hub

Frequently Asked Questions

What is the difference between blue and cyan?
Cyan sits at the green side of blue and is brighter and cooler; blue is the deeper family that cyan borders.
Why do so many interfaces use blue?
It holds contrast against white at moderate saturation, it is read as calm and reliable, and it is the least likely hue to clash with photography.
Which blue is closest to black?
The darkest navies and midnights, where the hue survives but the value is close to black, which is why they read as formal.

Back to the complete Huescape library