Basswood Green
#839e83
Balanced cool sage green for calm, legible panels
About Basswood Green
Basswood Green reads like someone turned down the volume on a true green and then added just enough gray to make it feel considered rather than natural. It's not trying to look botanical or fresh. There's restraint here, but unlike Basil's quiet anchor work, this one has actual presence, it doesn't disappear into backgrounds the way its cousins do.
This is the green for product interfaces, financial dashboards, and enterprise software where you need color that feels approachable without being cheerful. It sits lighter and cooler than Catnip, which means it reads cleaner against white and holds its ground in layouts with minimal warm support. Pair it with cool grays, steel, and modern neutrals and it stays visible. It won't flatten the way Buckingham Gardens does against sterile backgrounds because it's already built for that environment.
The thing to know: it works best when you're not trying to hide it or lean on it too hard. It's not an anchor color, not a secondary whisper. It's the one you reach for when you need green that looks intentional on screens.
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.