Woodhaven
#9e7b6c
Softer wood tan, less rosy, more neutral
About Woodhaven
Woodhaven looks like a pressed-wood sample card that's picked up a little sun. It sits in the orange family, but it's more muted and more toasted than Hemp, with less beige softness than Equestrienne and less cocoa-brown drift than Hazelnut.
On screen, it reads medium-light and slightly desaturated, so it doesn't shout like the redder end of orange tends to. I like it for editorial UI and product cards where you want warmth without burning the hierarchy, especially dashboards and finance apps that need category accents to feel steady. It's also the one you reach for when you want tag pills, quiet highlights, and secondary button fills to look hand-finished, not clay-dusty.
Pair it with oat, cream, or walnut and keep an eye on contrast against very blue-gray backgrounds. If you push it too far into cool neutrals, the orange warmth can start to feel flat.
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.