Bay Leaf

#86793d

Save

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 Capers, which shifts its read depending on context, or Bronze, 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 Antique's complete restraint or Capers' 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 Antique without being as heavy as Capers, 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

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

Create a gradient with Bay Leaf

Open the generator with this color pre-loaded.

Start creating