Olive Leaf

#4e4b35

Drier, balanced olive for crisp labels and dividers

Save
Share

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 side. Compared to , 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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
8.82:1AAA

On Gray 100 #f5f5f5

Aa
8.09:1AAA

On Gray 900 #18181b

Aa
2.01:1Fail

On Black #000000

Aa
2.38:1Fail

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Olive Leaf

Open the generator with this color pre-loaded.

Start creating