Explore the most common shades of blue with their hex codes. Find the perfect blue for your next design project.
From the deepest, most saturated tones to the lightest pastels, blue appears in nearly every design discipline — branding, interiors, fashion, and digital UI. The 30 shades below are the most commonly used named variants of blue, each with a precise hex code you can copy directly into your design tool.
Looking for the right pairing? See colors that go with blue. Need a different format? Try our format converters for HEX, RGB, HSL, OKLCH, and CMYK.
Navy
#000080
Royal Blue
#4169E1
Sky Blue
#87CEEB
Baby Blue
#89CFF0
Powder Blue
#B0E0E6
Cornflower Blue
#6495ED
Steel Blue
#4682B4
Dodger Blue
#1E90FF
Cerulean
#007BA7
Teal Blue
#008080
Cyan
#00FFFF
Cobalt Blue
#0047AB
Azure
#007FFF
Sapphire
#0F52BA
Midnight Blue
#191970
Indigo
#4B0082
Periwinkle
#CCCCFF
Slate Blue
#6A5ACD
Ice Blue
#99C5C4
Electric Blue
#7DF9FF
Turquoise
#40E0D0
Aquamarine
#7FFFD4
Ocean Blue
#0077BE
Prussian Blue
#003153
Columbia Blue
#B9D9EB
Alice Blue
#F0F8FF
Denim
#1560BD
Oxford Blue
#002147
Ultramarine
#3F00FF
Petrol Blue
#005F6A
Featured shade
Navy is the canonical blue in this collection. Below is its full breakdown across every common color format — useful when you need the same color in CSS, a design tool, or a print workflow.
Blue's complement is orange, so warm earth tones (terracotta, mustard, rust) bring it to life. Soft neutrals like cream, beige, and warm white keep it from feeling cold.
Download Colorframe to pick any shade of blue from your screen and get instant hex, RGB, HSL, OKLCH, and CMYK values.