Matcha Mecha
#9faf6c
Cool, bright chart green for crisp overlays
About Matcha Mecha
Matcha Mecha looks like a cup of lightly steamed tea left to cool. It's a mid-light green with a soft, slightly creamy body, not that herb-wall softness you get from Estragon, and not the late-afternoon depth of Gallant Green. Around the Gills can feel gray-finished and controlled; this one stays greener and cleaner, with a fresher undertone.
I reach for Matcha Mecha when a UI needs matcha-clean clarity without drifting into yellow-gold or slipping toward muted gray. It works well in dashboards and logistics portals for "in review" states, and in newsroom CMS panels where you want color that reads fast but doesn't fight photos. For product surfaces, it's great on cards and section headers in wellness, education, and inventory views, especially when the rest of the palette is neutral and calm.
One quirk: it can start to look a touch more yellow next to very warm tans, so I usually pair it with cooler whites or pale stone to keep the green note true.
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.