Moss
#009051
Deep, muted green for grounded data panels
About Moss
Look at a moss patch on a shaded stone wall: it's dark enough to feel rooted, but not muddy. Moss sits right in that sweet spot where the green reads deep and steady instead of spring-bright. Compared to Center Field, it gives up a bit of saturation and relaxes the austere edge, while still holding firmness. Against Lush Grass, it's less fresh and watered, with a more grounded, leaf-worn presence.
I use Moss when the UI needs green that feels trustworthy without drifting into the softer foliage range. It's great for maps, data visualization, and medical interfaces where labels have to stay legible over gradients and busy layers. It also works in dashboards for operations and field tools, where status cues shouldn't look fluorescent or "militant."
Pair it with cool grays or charcoal. If you put it next to warm creams, the undertone pulls forward and can start to feel a little more yellow than you intended, so keep neutrals on the cooler side when you need control.
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.