Grass Is Greener
#3f9b0b
Medium, cool-leaning green for calm, readable surfaces
About Grass Is Greener
On my screen, Grass Is Greener lands like a bright lawn-green marker stroke, lighter and cleaner than Gecko's Dream, but with none of that slick damp-leaf feel. It also doesn't tip as cool as Hanging Gardens of Babylon, and it avoids the sharper, more "lit" performance vibe of Fennel Fiasco. This one reads noticeably more balanced in undertone, so it feels fresh without becoming either mossy or neon.
I use it for dashboards and finance apps styling when I want green confidence that still feels like it belongs to the UI, not like a warning light. Think manufacturing control panels, inventory status chips, ops targets, and product release trackers where you need positive states to be quick to parse on light concrete, paper-white, and pale gray cards. The saturation stays controlled enough for table-heavy layouts, and it holds legibility in small legends without drifting toward yellow-green.
Quirk: it can look a touch more "sunny" next to very icy neutrals, so I'll anchor it with charcoal text or a cooler green-neutral for panels that must feel strict.
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.