Forester
#9aa77c
Softer cool green, steadier than sage-olive
About Forester
Forester is the green you notice on a trail sign or a quiet hiking map when the light isn't golden and the color isn't gray either. It lands a touch more olive and weighty than Estragon, and it reads less yellow-leaning than Cardamom, so it feels more grounded than "hint of warmth." Compared with Gallant Green, it's slightly softer in strength, less late-afternoon confident, more balanced leaf-dark.
I use it for dashboards and finance apps that need a steady "normal" state without drifting into the blander territory greens can hit on white. It also works in field-service and logistics UIs where status chips, filters, and dense tables need to feel readable but not aggressive. This shade is the one you reach for when you want the interface to feel outdoorsy and managed, not tactical.
Quick pairing note: next to cooler charcoals or blue grays, Forester holds its olive tone; if your neutrals are extremely warm, it can look even more earthy, so balance with clean creams and slightly cooler accents.
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.