Black Olive
#3b3c36
Slightly warm deep olive-gray for grounded panels
About Black Olive
Black Olive sits at the floor of this gray family, it's so dark you have to look twice to confirm it's not pure black. Where Armadillo stays steady and Ancient Pine softens back, this one just absorbs light. It's the gray that feels like it has weight.
You'll use this in dense, serious interfaces: financial dashboards, dark mode code editors, video editing software where you need a background that won't steal focus from bright UI elements or footage. It works in long-form reading layouts too, the kind where type needs to feel anchored. Unlike Black Panther's forward-leaning pressure or Ancient Pine's quiet retreat, Black Olive sits flat and lets the content do the talking. It's darker than anything else in this set but still reads as gray, not as a true black hole.
Pair it tight, very light type, saturated accents, anything that needs contrast to breathe. Against warm colors it'll read slightly cool, but that restraint is the point. This is the one you reach for when Armadillo feels too bright and you need something that won't shift under stress.
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.