Olive Leaf
#4e4b35
Drier, balanced olive for crisp labels and dividers
About Olive Leaf
Olive Leaf reads like a fresh bruise of green on paper, not a bright leaf and not that gray, cool moss of the Kelp side. Compared to Jungle King, it keeps less yellow drift and feels more muted, with a softer, leaf-dry undertone. Against Olive Bark, it stays distinctly greener, so the browniness doesn't take over.
I like it when you need a grounded green that still looks clearly green in print, especially for labels, product cartons, and editorial sidebars where you want calm but not dead. In UI it's strong for dashboards and finance apps when the green has to sit quietly behind tables and filters, and for settings or admin skins that shouldn't drift toward olive-brown. It also works well in brand systems for skincare, garden utilities, and pantry goods where the typography needs a steady frame, not an earthy takeover.
If you pair it with warm creams, keep the cream slightly greener or Olive Leaf can start to look like it's been dusted.
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.