Teakwood
#8d7e6d
Warm teak-brown yellow with softer, neutral depth
About Teakwood
Teakwood looks like a sunlit piece of cabinet wood, but the warmth is disciplined. It's notably richer and more saturated than Gazelle, so it doesn't read airy. And compared with Mink's softer, wallet-leather calm, Teakwood leans a touch darker and more grounded, with less of that velvety haze.
If you're building UI surfaces, this one's great for panels that need warmth without drifting into honeyed caramel. I use Teakwood for dash containers in hospitality booking admin, wayfinding tiles for local services, and editorial card backgrounds where you want the texture to feel intentional. Against Wet Taupe, it comes off less gray-brown and less damp-clay neutral, with a more wood-stain kind of depth that stays legible behind type. The one you reach for when you want warmth with body, not just backdrop.
Pair it with cream or warm stone for typography. If you drop it next to cooler grays, it can feel heavier than expected, so keep the surrounding neutrals in the same temperature lane.
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.