Teak
#ab8953
Warm medium teak brown tones, less gold
About Teak
Teak looks like the inside of a warm wood drawer after the light hits it, not yellow paint and not olive leaf. It sits in that green family but stays more wood-brown and grounded than Banner Gold's gold-right-now attitude, and less leafy and drier than Greek Olive.
I use it when I need a neutral that still feels tactile in product and admin UI. Think dashboards and finance apps, logistics status panels, and retail back-office screens where you want section headers, chips, and small cards to read steady next to cool grays and charcoal text. Compared with Hamster Fur, Teak trends a touch less honey and more muted, so it doesn't drift into that cozy softness.
One thing I watch: on very bright, high-saturation green accents, Teak can look slightly subdued. I'll usually pair it with cleaner off-whites or a cooler gray text to keep it crisp. the one you reach for when you want warmth with restraint, not brass or olive bite.
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.