Teakwood

#8d7e6d

Warm teak-brown yellow with softer, neutral depth

Save
Share

About Teakwood

Teakwood looks like a sunlit piece of cabinet wood, but the warmth is disciplined. It's notably richer and more saturated than , so it doesn't read airy. And compared with '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.

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

On Gray 100 #f5f5f5

Aa
3.61:1FailAA Large

On Gray 900 #18181b

Aa
4.50:1AAAAA Large

On Black #000000

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

#907e6c
#947e68
#897b66
#8b7e77
#897d76
#8b846d
#987d73

Create a gradient with Teakwood

Open the generator with this color pre-loaded.

Start creating