About Chai Latte
Chai Latte sits between the fruitiness of Apricot Sherbet and the committed warmth of Burrito, but it's neither. It's softer and more muted than Sherbet's clean pop, but it's got actual depth where Almond just fades into the background. This is the color that feels like it's been steeped, not just warmed.
Use it in food and beverage interfaces, recipe platforms, and wellness apps where you need a warm neutral that doesn't shout or disappear. It works in beauty packaging, restaurant design, and hospitality contexts where the brown undertone matters but shouldn't dominate. Unlike Burrito, it won't anchor everything around it, it's more collaborative than that. Unlike Almond, it actually reads intentional.
The thing: it's got just enough saturation that testing it on actual screens matters. On dim displays it can skew slightly cooler and less approachable than it looks in daylight. Pair it with deeper earth tones or warm grays and you'll see what you meant. Put it next to crisp whites and it loses some of that steeped quality.
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.
