Mother Nature
#bde1c4
Herb-light green for airy, calmer panels than mints
About Mother Nature
Mother Nature is a soft, light leaf-green that reads like fresh growth after rain, not mint-water or sea-glass chill. It sits in the Green family, but unlike Delta Mint's crisp cool pause and Glaucous Green's faintly blue, coastal edge, this shade stays more consistently green and a touch more settled. Compared with Mint-o-licious, it feels a little brighter and more breathable, with a cleaner, less gentle tint that holds its color on UI backgrounds.
I use it when I want that "alive" look without turning the interface frosty. Think skincare and wellness product pages, plant-forward lifestyle editorial sidebars, and onboarding screens where the UI needs to feel fresh but grounded. It's also great for light panels and supporting surfaces in dashboards and health wearables where you need calm clarity that doesn't drift blue-green in cooler layouts. For me it's the one you reach for when the green needs to look like it belongs to the page, not like an overlay.
Quick note: in very warm palettes it can nudge slightly toward yellow-green, so I'll pair it with soft creams, neutral greys, or subtle sage to keep the mood even.
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.
