Mole
#392d2b
Muted brown-gray for soft, low-contrast UI layers
About Mole
On my screen, Mole looks like a faded, old ink wash: a muted brown-gray that sits one step away from black without turning into charcoal. Compared to Diesel and Dark Charcoal, it's less cool and less purely gray, so the shadows feel heavier and a little softer. Next to Havana's earthy warmth, Mole is tighter and more neutral, with less of that brick/brown glare.
I usually pick Mole when the UI needs seriousness but not the harshness of near-black. It works in log review panels and operations dashboards when you want dense text to feel grounded, while still staying calmer than Diesel's deeper neutrality. It's also great behind media work like subtitle review galleries and waveform or QC screens, especially when you're pairing muted neutrals with restrained status colors for workflow apps.
Quirk: because it has a faint brown undertone, thin borders can read a touch murky. I rely on slightly more spacing or a firmer stroke weight so hierarchy doesn't blur when everything is gray-on-gray.
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.