Dark Wood
#855e42
Warmer, darker wood brown for grounded, cozy layouts
About Dark Wood
Dark Wood looks like the stain that's been allowed to darken a little too long on a workbench. It's a deep, steady brown with a slightly muted edge, so it doesn't flare red the way Coconut does, and it doesn't feel "drier clay" like Chivalrous Walrus can. Compared to Cocoa, it holds onto more weight and warmth, but stays disciplined instead of getting muddy.
I use this when I need brown depth in product UI without pulling focus. Think card backgrounds, section dividers, and quiet button states for food and retail sites, especially where you want the tone to read like wood, not pigment. It's also a solid pick for editorial templates in packaging and menus because it stays legible next to creams and warm off-whites while not competing with brighter yellows. This is the one you reach for when cocoa-soft tones still feel too light, but you want to avoid the red bite of the warmer cousins.
Pair it with warm neutrals and light paper whites; cooler grays will push it toward flatness fast.
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.