Black Mana
#858585
Darker, flatter neutral gray for high-contrast UI
About Black Mana
Black Mana is the gray that actually reads dark. It's heavier than Argent or Cathedral without the warmth that Concrete Jungle leans on, this is pure desaturation, the kind of color that sits flat and doesn't negotiate. It won't lighten up depending on what you put next to it, and it won't pretend to be neutral in the way lighter grays do.
Reach for this in dense interfaces where darkness serves a purpose: dark mode dashboards, video editing suites, financial platforms, anywhere users need reduced eye strain or the content itself demands a recessive background. Unlike Chorus of Elephants, which still carries a thread of warmth and works harder in editorial contexts, Black Mana is austere and unapologetic, it gets out of the way completely. Type sits on it with instant contrast. Saturated UI elements pop without effort. This is the one you reach for when you want the page to disappear and leave only the work visible.
Pair it with cool-toned type and bright accents; warm blacks will read slightly muddy here where they'd sing on Chorus of Elephants. It's darker, cooler, and less forgiving than its neighbors, which means it either works perfectly or it doesn't.
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.