Mosslands
#779966
Muted olive moss tone for grounded panels
About Mosslands
On screen, Mosslands reads like damp moss after rain: muted, not dusty, and darker than you expect for something that feels natural. It's a midtone green with a steady, slightly desaturated body, so it doesn't pop like Bavarian Green and it doesn't gray out like Money. Compared to Frankenstein, it feels cleaner and less swamp-leaning, more even in temperature and less "artifact label."
I use it in dashboards and finance apps when I want the status color to look present but not heavy, the kind of green that can live behind dense UI without turning into mud. It's great for approval badges, inventory and field-ops maps, and compliance or maintenance reporting where the visuals need to stay legible next to charcoal and neutral typography. If you need the one you reach for, Mosslands is the "calm workhorse" between a warmer olive and a muddier swamp.
Pair it with warm off-whites or light stone so it doesn't look overly muted. Also, avoid very cool steel grays as the backdrop, or the green can feel flatter than you intended.
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.