Weathered Wood
#b19c86
Earthy, dusty warm brown for grounded panels
About Weathered Wood
Weathered Wood always looks like sunlit timber that's been handled a lot, not a fresh paint swatch. It lands between taupe and warm tan, but the saturation is a touch calmer than Majestic Elk, and it feels less softly wooly. Compared to Quicksand, it carries more depth in the middle tones and a slightly drier, more weathered finish. It also avoids Incense's dusty, smoke-leaning coolness, staying warmer and more grounded.
I use it for primary-feeling warm neutrals when the layout needs structure, like dashboards and finance apps that still want a human, lived-in surface. Great in settings where you want cream text to read clean without going caramel-forward: settings panels, sidebars, and payment or account screens across retail and wellness platforms. It also works well for image-forward sites that need a background with some grain, like home goods spec pages and property listings.
One note: under very warm lighting it can push a little more golden, so I like balancing it with cooler greiges or softer creams rather than bright yellow highlights.
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.