Bonsai Garden

#9e9e7c

Muted sage-green for garden-grid panels and charts

Save
Share

About Bonsai Garden

Bonsai Garden is quieter than and less intentionally earthy than , 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 , 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 '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.

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
2.75:1Fail

On Gray 100 #f5f5f5

Aa
2.52:1Fail

On Gray 900 #18181b

Aa
6.44:1AAAAA Large

On Black #000000

Aa
7.64:1AAA

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

#9a9e80
#a79b7e
#969e86
#9ca389
#9d9880

Create a gradient with Bonsai Garden

Open the generator with this color pre-loaded.

Start creating