Verdant Haven
#84a97c
Soft balanced green for calm UI accents
About Verdant Haven
Verdant Haven looks like a leaf that's been cooled by shade, not sun. It's a medium-light green with a steadier, more muted punch than Lush Fields, and it doesn't carry the crisp, rinsed clarity of Garden of Eden. Compared to Mistletoe, it feels slightly more saturated and less gray-balanced, so it reads more "alive" and less softly neutral on white.
In UI, I grab it for status and data moments where you want growth cues without tipping into yellow-green optimism. It's strong for dashboards and finance apps that use green sparingly, especially on light cards, tables, and chart accents. I like it for the one you reach for when you need "in progress" or "healthy" labels to stay confident but not herb-paste cool, and it works well in plant-forward branding for sustainability reports where media mixes photography and muted paper textures. Pair it with warm creams and light taupe grays, and watch cooler greens nearby; they'll make Verdant Haven look a touch calmer by comparison.
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.