Garden of Eden
#7fa771
Soft warm green for inviting, legible layouts
About Garden of Eden
Garden of Eden looks like a fresh, sunlit leaf caught just after the rinse. It's greener than Buckingham Gardens, but it doesn't go olive or dusty. Compared to Green Tea Mochi's misty, oatmeal-soft calm, this one has more juice and a clearer leaf undertone. It also reads less herb-paste cool than Green Goddess, leaning a touch more warm in the midtones so it feels like it belongs under daylight, not under glass.
For me, it's the one you reach for when UI needs a garden-green that feels optimistic without the honeyed yellowness of Buckingham Gardens, and without the milky softness of Green Tea Mochi. I've used it for action states, active filters, and "healthy" status chips in health platforms, plus plant-forward branding systems in consumer apps and sustainability reporting. It holds its own over off-whites and natural textures, and it doesn't flatten as quickly as very pale greens.
Pair it with creams or warm grays for best results; next to super cool palettes it can look slightly warmer than the rest of the system.
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.