Green Tea Mochi
#90a96e
Lighter, balanced green-mint for gentle UI accents
About Green Tea Mochi
Green Tea Mochi reads like a soft, pale cup of matcha left to cool. It's noticeably lighter than Forester's olive weight and less earthy than Buckingham Gardens' airy yellow-green. Compared with Gallant Green, it holds back the late-afternoon confidence, staying more misty and calm, with a gentle green cast that feels closer to oatmeal than to leaf.
For UI work, I use this shade when the "green" needs to feel comfortable, not directive. It's a solid pick for onboarding screens, health and habit apps, and education dashboards where status indicators should read clearly on white without pulling focus. I also like it on data-heavy product settings, especially for subtle highlights, chips, and charts where you want the one you reach for to keep things soft. Pair it with warm creams and light woods, and it won't fight your neutrals.
One quirk: push it next to very saturated greens, and it can look even more washed out. In that case, give it darker supporting text or anchors so it keeps its cool, milky balance.
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.