Bancha
#666a47
Earthy, balanced bancha for warm-muted UI surfaces
About Bancha
Bancha sits in that narrow gap where green and brown are genuinely tied, not one apologizing for the other. It's darker and more saturated than Beat Around the Bush, which means it actually plants itself on a page instead of hovering. But it's also grayer and cooler than Crocodile Style, so it doesn't read as soil or leather the way that one does. This is the color that feels thoughtful, not heavy.
Use it on editorial layouts, wine and tea packaging, and heritage brand sites where you need a background that reads as intentional but not aggressive. It holds type cleanly, pairs well with warm blacks and off-whites, and works equally hard on both light and dark interfaces. Unlike Cactus, which asks you to work around its flatness, Bancha has enough presence to stand on its own. Unlike the lighter greens in this family, it doesn't disappear or demand careful pairing.
The real tell: it's the shade that looks different depending on what surrounds it, but in a way that feels like collaboration, not confusion. Test it with your actual palette first. It'll either anchor everything perfectly or shift the whole mood, there's no middle ground, and that's the point.
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.