Bay Leaf

#86793d

Lighter yellow-olive for readable, warm chart accents

Save
Share

About Bay Leaf

Bay Leaf sits in that awkward middle ground where it's too green to read as brown, but too muted to feel like actual vegetation. It's the shade that makes you second-guess whether you're looking at something earthy or something deliberately desaturated. Unlike , which shifts its read depending on context, or , which commits to warmth, this one stays put. Cooler and grayer than both, it reads almost like an olive that got the color pulled out of it halfway through.

Use it where you need a background that won't fight for attention but also won't disappear. Editorial layouts, heritage product pages, dashboard interfaces, especially the kind where the content matters more than the container. It pairs well with warm blacks and cream type without the risk of looking too botanical or too intentional. Unlike 's complete restraint or ' tonal range trick, Bay Leaf is straightforward and stable at every scale, which means you test it once and it holds.

The payoff: it's darker than without being as heavy as , which makes it work better when you need something that feels considered without announcing itself.

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
4.36:1FailAA Large

On Gray 100 #f5f5f5

Aa
4.00:1FailAA Large

On Gray 900 #18181b

Aa
4.06:1FailAA Large

On Black #000000

Aa
4.82:1AAAAA Large

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

#897a3e
#857349
#977b2f

Create a gradient with Bay Leaf

Open the generator with this color pre-loaded.

Start creating