Chai Tea

#a97b2d

Dusty tea brown-green for grounded, warm accents

Save
Share

About Chai Tea

Chai Tea sits between the cooler olives and the brighter golds, and it does something neither quite manages: it feels warm without the yellow assertiveness of , but more saturated and visibly present than 's restrained neutrality. There's actual spice to it, the kind of brown that reads as deliberate rather than default.

You'll land on this for heritage brands, editorial layouts, and product interfaces where warm brown needs to feel grounded without disappearing into the background. It pairs well with off-whites, slate grays, and cooler accent colors, the pairing actually lets those accents do their job instead of competing. Unlike Arrowwood's olive-leaning coolness or 's lighter, more diffused quality, this one holds its temperature consistently across different scales and adjacencies.

The real advantage: it works at small scale without reading neutral, and it doesn't flatten at large scale the way some warm browns do. Test it against your type first, it's dark enough that legibility is usually fine, but the saturation means it has opinions about what sits next to it.

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
3.78:1FailAA Large

On Gray 100 #f5f5f5

Aa
3.47:1FailAA Large

On Gray 900 #18181b

Aa
4.69:1AAAAA Large

On Black #000000

Aa
5.56:1AAAAA Large

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

#af7934
#aa7711
#a87900
#a67a45

Create a gradient with Chai Tea

Open the generator with this color pre-loaded.

Start creating