Moss Gardens
#768b59
Soft, muted garden green for calm sections
About Moss Gardens
Moss Gardens reminds me of fresh growth that's been filtered through shade. It's not the punchy, clearly saturated green of Crispy Crunch, and it doesn't go as cool and restrained as Green Relict. Instead, this one sits in the middle: a mossy, slightly desaturated green with a softer, earth-leaning undertone that feels steady rather than sharp.
I use it when the UI needs a natural backdrop with enough color to read as intentional. Think field-service and ag-tech admin screens, sustainability reporting pages, and logistics monitoring views where labels, chips, and status blocks shouldn't feel alarm-like. It's also a solid choice for editorial graphics and internal tools that show trends all day, because it reads grounded without tipping into the gray-dull direction that can make other greens feel lifeless.
Quirk: at small sizes it can look a little less "leafy" than you expect, so test it alongside your strongest text weight and any brighter accents before you lock layouts.
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.