Green Tea

#b5b68f

Light yellow-green for airy, warm calm layouts

Save
Share

About Green Tea

I keep thinking of green tea that's been steeped long enough to soften the bite. Green Tea looks like a dry, pale leaf: light, slightly dusty, and more olive-leaning than the softer beiges around it. It reads greener than , but it doesn't pick up that gray fence line. Compared to and , it feels calmer and less warm, with less yellow in the undertone.

In UI terms, I use it where the page needs breath but not distraction. It's a great wash for editorial thumbnails, health and cooking product pages, and the kind of dashboards and finance apps that can't afford a strong backdrop. It also sits nicely behind photo cards because it doesn't compete with skin tones the way heavier can.

One quirk: it can look a touch flatter on very warm creams, so I'll pair it with cooler whites, muted charcoal, or a deeper green accent when I want it to feel crisp, not sleepy. The one I reach for when I need light green without the wobble.

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.09:1Fail

On Gray 100 #f5f5f5

Aa
1.92:1Fail

On Gray 900 #18181b

Aa
8.48:1AAA

On Black #000000

Aa
10.05: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

#a4b88f
#afb982
#c3b091
#a8b59e
#abb39e
#bbac7d

Create a gradient with Green Tea

Open the generator with this color pre-loaded.

Start creating