Bamboo Forest
#b1a979
Cooler, medium-olive green for sidebar focus states
About Bamboo Forest
Bamboo Forest sits where green and brown actually meet instead of one pretending to be the other. It's noticeably grayer and cooler than Canadian Maple or Bangalore, both of those lean into warmth, but this one pulls back. There's still earth in it, but the green is doing real work, which means it reads less like a neutral and more like a deliberate color choice. You see it.
This works on product interfaces, design system documentation, and editorial sites where you need something that feels natural without disappearing. It pairs well with deep charcoals, warm type, and even muted greens without tipping into either forest-floor territory or pure gray territory. Unlike Croissant, which surrenders to the background, Bamboo Forest actually holds attention. Unlike Canadian Maple, which works best on light grounds, this one doesn't care what it sits on, the desaturation keeps it from getting muddy.
Be careful with cool-toned type against it; the green undertone can make certain grays feel slightly off. But warm blacks and deep charcoals land differently here than they do on the warmer neutrals nearby. It's the one you reach for when you're tired of the same three beiges and actually want a neutral that means something.
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.