Blue palette

#BFD9F2 · hsl(209 66% 85%)

Pale and airy. Lovely for tints and soft panels.

#A7CEF0 · hsl(208 71% 80%)

Soft and gentle. Friendly rather than corporate.

#87CEEB · hsl(197 71% 73%)

Light and breezy, like a clear morning.

#6495ED · hsl(219 79% 66%)

A soft, likeable mid blue.

#8C9EFF · hsl(231 100% 77%)

Light with a violet hint.

#007BFF · hsl(211 100% 50%)

Where we started: vivid and punchy.

#007FFF · hsl(210 100% 50%)

A touch richer than the original.

#1E90FF · hsl(210 100% 56%)

Vivid and energetic.

#007BA7 · hsl(196 100% 33%)

Cool, clean and calm.

#2563EB · hsl(221 83% 53%)

Bold, confident, modern web blue.

#0047AB · hsl(215 100% 34%)

Deep and saturated. Classic and strong.

#2D4F76 · hsl(212 45% 32%)

The darker, duskier blue we tried first.

#3B6087 · hsl(211 39% 38%)

Mid-depth, like a classic denim blue.

#4682B4 · hsl(207 44% 49%)

Steady and professional.

#5D8AA8 · hsl(204 30% 51%)

Slightly faded and calm.

#0F52BA · hsl(216 85% 39%)

Jewel-bright but deep.

#36586D · hsl(203 34% 32%)

Cooler and greyer, with a steel edge.

#367588 · hsl(194 43% 37%)

Sea blue with a green lean.

#2A596A · hsl(196 43% 29%)

Blue with a green lean. Smart and modern.

#00BCD4 · hsl(187 100% 42%)

Bright aqua blue. Fresh and playful.

#244160 · hsl(211 45% 26%)

Deep and quiet.

#183758 · hsl(211 57% 22%)

Almost navy. Understated.

#0A1F44 · hsl(218 74% 15%)

Proper navy. Very formal.

#002147 · hsl(212 100% 14%)

Academic and serious.

#52637A · hsl(215 20% 40%)

Muted grey-blue. Very subdued.

#64748B · hsl(215 16% 47%)

Almost grey. Nice for quiet text.

#708090 · hsl(210 13% 50%)

Neutral steel-blue.

#4A5C74 · hsl(214 22% 37%)

Soft, hazy blue-grey.

#344279 · hsl(228 40% 34%)

Leans towards violet. Richest of the set.

#5C6BC0 · hsl(231 44% 56%)

Halfway between blue and violet.

#3F51B5 · hsl(231 48% 48%)

Classic painter's ultramarine.

#B4C0E4 · hsl(225 47% 80%)

Light violet-blue. Soft and calm.