Plumbeous
#5c7287
Deeper, misty slate blue for subdued sections
About Plumbeous
Plumbeous reads like the blue-gray you get after steel cools down and the saturation drops out. It's heavier than Beach View, with more presence, but it doesn't lean into the higher-commitment vibe of Clean Slate. Compared to Quiet Harbour's softer harbor-mist feel, this one comes across drier and more concrete, like pigment ground finer.
I use it for healthcare interfaces and data-heavy dashboards when the UI needs links, badges, or secondary states that feel steady, not airy. It's also a solid choice for product analytics screens and operations tools in finance-adjacent workflows where the page is already busy with greys, charts, and dense tables. the one you reach for when you want blue to stay distinct without turning into a decision-maker.
Quick pairing note: Plumbeous sits better with neutrals that aren't stark white. With crisp paper whites it can look a bit austere, so I'll often go for a softer off-white or a warm gray to keep it grounded.
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.