Chai Tea
#a97b2d
Dusty tea brown-green for grounded, warm accents
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 Captain Kirk, but more saturated and visibly present than Banner Gold'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 Banner Gold'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.
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.