Verde
#7fb383
Softer, brighter medium sage green for airy cards
About Verde
Verde looks like a fresh painted leaf sign on a sunny day: not neon-bright, but clearly alive. It sits a touch deeper than Lily Pads, with more steady green identity and less "wet pond" softness. Compared to Green Goddess, it's less herb-paste clean and more substantial, so it doesn't feel thin or overly cool. And relative to Frog Pond, Verde avoids that grassy, slightly teal-leaning coolness that can edge toward washed-out outdoors.
For UI, I'd treat Verde as a primary accent or healthy-state indicator when you want alive without the herbal crispness of Green Goddess. It works well in product UI for active toggles, labels, and subtle success states, and it holds up in health and sustainability dashboards where you need green that stays legible next to busy photos without drifting teal.
One quirk: Verde's medium lightness can read a bit muted next to warm woods, so if you go there, add a cooler neutral or slightly brighter backdrop to keep it from going flat.
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.