Color Palettes

Shades of blue

32 named shades of blue, sorted from light to dark, with the teals at the end. Filter by light, vivid, dark, teal or grayish, tap a shade to copy its hex code and open its page to see what goes with it.

32 shades
Sky blue

The light blue of a clear sky. In Argentina and Uruguay it's tied to the national flag and soccer team.

See matching colorsMatches →
Slate gray

Named after slate, the rock used for roofing and old school chalkboards. It's a medium gray with a blue base.

See matching colorsMatches →
Royal blue

The story goes that it came from a contest to make a dress for Queen Charlotte of England. It's a vivid, saturated blue.

See matching colorsMatches →
Blue

One of the three light colors in every screen, along with red and green. It conveys calm, trust and order.

See matching colorsMatches →
Petrol blue

A dark blue with a green undertone, like the sheen on oil. It's elegant and deep, less cold than navy blue.

See matching colorsMatches →
Klein blue

French artist Yves Klein patented it in 1960 for his monochrome works. It's an extremely saturated, intense ultramarine.

See matching colorsMatches →
Ultramarine

The name means beyond the sea, because the pigment came from lapis lazuli mined in Afghanistan. During the Renaissance it was more expensive than gold.

See matching colorsMatches →
Prussian blue

One of the first synthetic pigments, created in Berlin in the 18th century. It's a very dark blue with a greenish undertone.

See matching colorsMatches →
Navy blue

Named after the uniforms of the British Royal Navy. It's a very dark blue that's serious and easy to pair.

See matching colorsMatches →
Blue black

A black with a very deep blue undertone. At first glance it looks black, but it reads cooler next to other dark shades.

See matching colorsMatches →
Cyan

One of the primary colors of CMYK printing, along with magenta and yellow. On screen it appears when green and blue light are both at full strength.

See matching colorsMatches →
Turquoise

Named after the turquoise stone, which reached Europe by way of Turkey. It blends blue and green with lots of light.

See matching colorsMatches →
Dark turquoise

An intense turquoise called darkturquoise in CSS, even though it still looks bright. It has more blue than regular turquoise.

See matching colorsMatches →
Tiffany blue

The turquoise associated with the gift boxes of a famous New York jeweler. It's a clean, elegant medium blue-green.

See matching colorsMatches →

Try this next

Name color paletteType a name and get your own color story paletteWhat color is your voice?Speak for 5 seconds and turn your voice into a color16 personality type colorsTake an 8-question quiz and get your image color
See all free tools →

How many shades of blue are there?

There is no fixed number: blue runs from near-whites like sky blue and baby blue to near-blacks like midnight blue and blue black. When blue leans green you get teal, turquoise and petrol blue; when it leans violet you get indigo and ultramarine.

How to tell blues apart

Look at three things: lightness (sky blue vs navy), saturation (royal blue vs steel blue) and temperature (a green-leaning blue like turquoise feels fresh; a violet-leaning one like indigo feels deep).

Frequently asked questions

What is the difference between royal blue and navy blue?

Royal blue (#4169E1) is a bright, vivid blue; navy blue (#000080) is a very dark blue, almost black, more formal and classic.

Which blue goes with everything?

Navy and denim blue behave almost like neutrals: they work with white, beige, gray, camel and almost any accent color.

Is teal blue or green?

It sits between both. Bluer teals and turquoises, like Tiffany blue, are usually seen as green-leaning blues.

More guides and tools