Olive Bark
#5f5537
Muted olive-brown for steady charts and labels
About Olive Bark
Olive Bark looks like the inside of a well-worn olive pit or the barky edge of pressed greenery, but without the yellow drift. Compared with Olivary, it feels a step more grounded and brown-forward, less preserved and jar-green, and it doesn't read roasted-warm like Ochicha Latte can. It's also darker and cooler than Ayahuasca Vine, so the green stays restrained instead of pushing earthy-saturated.
I use Olive Bark when I need a base that holds its nerve in UI and print: dark editorial covers, labels for olive oil and pantry goods, and product pages for natural skincare where you don't want it to turn creamy or dusty. In interfaces, it's great for dashboards and finance apps that need the calm anchor of an olive-brown background for charts, filters, and dense tables. It also works well in CMS skins and admin shells when you want the one you reach for that doesn't compete with form content.
Pair it with slightly lighter, greener off-whites to keep it from feeling too heavy next to very gray neutrals.
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.