Black Olive
A sophisticated, moody, and deeply neutral olive
Black Olive is a dusty, desaturated shade with distinct yellow and grey undertones. Because it sits at the intersection of dark and neutral, it functions well as a sophisticated, moody background. It maintains strong contrast with white text, making it a reliable choice for readable UI layouts. The hex code for this color is #3b3c36, which pairs surprisingly well with crisp, bright oranges or muted sage greens.
About Black Olive
Ash rubbed over a patch of shaded moss
What does black olive mean?
The color often brings to mind shaded foliage, weathered metal, and the muted green of dried herbs. Its very low saturation and deep lightness give it a grounded, subdued presence that stays in the background.
Where you see black olive
- cast iron pans
- dried thyme
- shaded moss
- dark rye bread
- old canvas tents
- olive pits
What it works for
It works as a dark neutral for backgrounds, cabinetry, and text where plain black or grey feels too flat.
What colors go with black olive?
Cream #fffdd0Warm cream lightens the heavy dark base and keeps the mix from going flat.Terracotta #e2725bTerracotta's warmth cuts through the grey green and adds an earthy contrast.Sage #9caf88Sage sits nearby on the green family but its lightness separates the two clearly.Mustard #ffdb58The color's hidden yellow undertone surfaces next to mustard, tying the pair together.
Questions about Black Olive
What is the hex code for Black Olive?
Black Olive is #3b3c36. In RGB that is rgb(59, 60, 54), in HSL hsl(70, 5%, 22%) and in CMYK 2%, 0%, 10%, 76%.
Does #3b3c36 look better on dark or light backgrounds?
Black Olive performs best as a dark, moody background choice because it maintains excellent readability with white or off-white text. Because of its desaturated yellow and grey undertones, it feels softer and more natural than a standard, flat black.
Is Black Olive readable on white or black?
Black Olive has a 11.13:1 contrast ratio on white and 1.88:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it is too faint for text. Try other pairs in the contrast checker.