Cavolo Nero
#72939e
Muted blue-gray with leafy depth for subdued UI
About Cavolo Nero
Cavolo Nero is darker than everything around it, the one that actually anchors instead of suggests. Where Atlas Cedar and Canadian Tuxedo sit in that comfortable middle band, this shade dips into real depth. It's still blue, still muted enough to pair cleanly with typography, but it doesn't apologize for the weight it carries.
You'll find it working in healthcare dashboards, fintech platforms, and dense data interfaces where you need a primary surface that reads serious without feeling cold. Navigation bars, card backgrounds, the kind of color that can hold white text and not blink. It's darker than Blank Stare's restraint but warmer than pure navy, less clinical than cooler teals, more grounded than the lighter blues that try to float above the layout.
The trade-off is real though: this depth means less flexibility in light-background contexts. It'll crush legibility against off-white or pale gray. But on dark surfaces or against solid darker grays, it settles in like it belongs there. Test it early if you're building something that needs to feel both substantial and approachable.
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.