Admiral Blue
#50647f
Mid-depth blue-purple for confident, less-gray UI panels
About Admiral Blue
Admiral Blue reads like purple that decided to get serious. It's got the blue lean of Bellflower but sits noticeably darker and more muted, less about presence, more about authority. Where Bellflower stays bright enough to lift off the page, this one settles into the background with intention, the kind of shade that doesn't need to announce itself.
You'll hit this in financial platforms, enterprise dashboards, and any UI where you need purple's sophistication without its warmth or brightness. It works in administrative interfaces, data-heavy applications, and brand systems where restraint actually builds trust. Unlike Bureaucracy, there's still enough saturation to keep it from going completely flat; unlike Aster, there's no earthiness softening the edges, this is cooler, more structured, closer to the industrial end of the spectrum.
Pair it tight against off-white or pale gray and it'll hold definition without shouting. Push it against anything darker and it starts to disappear, so you need deliberate contrast to make it read. That's not a weakness, it's exactly why it works in systems that need order more than personality.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.