Mossy Glossy
#789b4a
Glossy muted green for depth beyond Kiwi
About Mossy Glossy
Mossy Glossy looks like fresh growth pressed into a darker tint, with a wet sheen that keeps it from going flat. Compared to Kiwi and Bavarian Green, it's less "clean" and less yellow-leaning, and it reads more muted and moss-soaked instead of leaf-bright. Against Frankenstein, it feels more polished and less swampy, with a smoother, slightly deeper undertone.
This is the one you reach for when you want a green that feels current but still settled, especially for dashboards and finance apps where the UI needs status, actions, or emphasis without turning into that bright "go" signal. I also like it in logistics and maintenance reporting screens for stage indicators, map callouts, and confirmation pills on light cards. The glossy depth helps it hold up next to charcoal copy without shouting.
Pair it with soft bone, warm grays, or muted tan so the gloss doesn't fight cooler neutrals, and avoid pairing it with very yellow creams or it can look oddly dirty at small sizes.
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.