Bonsai Garden
#9e9e7c
Muted sage-green for garden-grid panels and charts
About Bonsai Garden
Bonsai Garden is quieter than Cardamom and less intentionally earthy than Bamboo Forest, it sits in that narrow band where the green is just barely winning, but you have to look for it. The color doesn't announce itself. It's slightly cooler and less saturated than Cardamom, which means it reads less like a deliberate warm choice and more like something that's simply there, unfussed. On screen, it settles fast.
This works on long-form editorial layouts, documentation sites, and reading-heavy interfaces where you need a background that doesn't tire the eye but also doesn't disappear into beige. It pairs naturally with cool-neutral type, muted accent colors, and works equally well at large scale or contained in small UI elements. Unlike Bangalore's warmer brown confidence or Bamboo Forest's grayer pull, Bonsai Garden has restraint without resignation, it's the shade that works because it's asking for nothing.
Pair it with deep charcoals or warm blacks and it holds. Test it against bright UI elements first though; the green undertone can shift depending on what's adjacent, which is exactly why it works in flexible systems where consistency matters more than personality.
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.