Dusty Blue
A muted blue with cool grey undertones

Dusty blue is a muted, desaturated shade with strong grey undertones. It functions best as a stable secondary tone in professional UI layouts. Because it maintains high contrast against black text, this hex code #8093a4 works well for readable body copy or government branding. Pair it with crisp white or charcoal grey to keep the composition from feeling too muddy or washed out.
About Dusty Blue
Overcast morning over a still lake
What does dusty blue mean?
Dusty blue often reads as muted, steadying, and understated. Low saturation and mid-lightness make this color feel settled and reserved, like something left outside through a long winter.
Where you see dusty blue
- worn denim
- storm clouds
- galvanized metal
- slate roofs
- cold lake water
- faded work shirts
What it works for
Use it as a quiet backdrop in interiors, branding, and websites, then add warmth with wood, clay, or ochre accents.
What colors go with dusty blue?
Terracotta #e2725bIts rusty warmth offsets the cool grey in dusty blue almost perfectly.Sage Green #9caf88Two muted tones sit side by side without competing for attention.Cream #fffdd0A soft neutral lifts the grey cast and keeps the palette from going cold.Charcoal #36454fThe darker grey sharpens dusty blue's faint blue cast.Burnt Orange #cc5500Complementary warmth makes the ashy blue look deeper and richer.
Questions about Dusty Blue
What is the hex code for Dusty Blue?
Dusty Blue is #8093a4. In RGB that is rgb(128, 147, 164), in HSL hsl(208, 17%, 57%) and in CMYK 22%, 10%, 0%, 36%.
Why use #8093a4 in professional UI design?
It works exceptionally well for professional UI design because it maintains high contrast ratios against black text while appearing more sophisticated than standard flat blue. It anchors layouts without overwhelming the eye, making it ideal for secondary elements or body copy.
Is Dusty Blue readable on white or black?
Dusty Blue has a 3.16:1 contrast ratio on white and 6.62:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.