Hinterland
#616c51
Drier, earthy green for quiet, grounded sections
About Hinterland
I keep a swatch of Hinterland by my screen for the moments a green needs to feel grounded but not heavy. It's not as gray as Cactus, so it keeps more true green character, yet it doesn't carry the brown-leaning weight of Bancha. Compared to Herbal Whispers, it steps slightly deeper and a touch more muted, so it won't look like a soft paper tint when your layout wants sturdier midtones.
On work, Hinterland shows up well in packaging and brand systems where the background has to read "forest" without turning earthy. I like it for section panels and supporting UI on editorial sites, product detail pages, and documentation landing pages. It also holds up in print for labels and brochures in beverage and natural health brands, especially alongside warm off-whites and dark text. If you need a calm base that isn't as subdued as Cactus or as brown-synced as Bancha, this is the green I reach for.
Quick pairing note: push your highlights a little warmer, because colder grays can make it feel dull instead of settled.
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.
