Green Tea Mochi

#90a96e

Lighter, balanced green-mint for gentle UI accents

Save
Share

About Green Tea Mochi

Green Tea Mochi reads like a soft, pale cup of matcha left to cool. It's noticeably lighter than 's olive weight and less earthy than ' airy yellow-green. Compared with , 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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
2.60:1Fail

On Gray 100 #f5f5f5

Aa
2.38:1Fail

On Gray 900 #18181b

Aa
6.82:1AAAAA Large

On Black #000000

Aa
8.09:1AAA

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Green Tea Mochi

Open the generator with this color pre-loaded.

Start creating