17 Different Shades of Wood (+ HEX codes)

Explore all shades of wood, from lighter to darker shades. See HEX codes, shade names, and wood color palettes. Click any shade to copy its HEX code.

Wood is not one colour but a temperature: oak leans yellow, walnut leans chocolate, mahogany leans red. Mixing two temperatures in one render reads as a lighting error.

Pair any of them with sage, slate or off-white and the material does the rest.

white
#ffffff
merino
#f8f3ed
dawn pink
#f0e7db
bone
#e9dbca
pavlova
#dac3a6
sorrell brown
#d2b694
tan
#cbaa82
twine
#c39e71
muddy waters
#bc925f
driftwood
#b5864d
cape palliser
#a47945
potters clay
#926c3d
old copper
#6f522e
irish coffee
#5d4427
metallic bronze
#4b371f
black marlin
#392a18
eternity
#271d10

Wood: HEX & RGB Codes

wood has the following primary color codes:

HEX: #ffffff
RGB: (255, 255, 255).

Explore a wide range of wood shades using our interactive color picker. Click any color to copy its HEX code and use it in your project!

Explore tints of wood

White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff

Explore shades of wood

Aubergine
#330a0a
Brown Derby
#4f1717
Buccaneer
#662929
Lotus
#814141
Au Chico
#995c5c
Brandy Rose
#b47e7e
Eunry
#cca3a3
Dust Storm
#e7d0d0

wood in HEX, RGB, HSL and CMYK

HEX	#C19A6B
RGB	rgb(193, 154, 107)
HSL	hsl(33, 41%, 59%)
CMYK	cmyk(0%, 20%, 45%, 24%)

Tints and shades of wood

Tints add white and shades add black, keeping the hue. Use them for hover states, borders and backgrounds that still belong to the same colour.

Tints (lighter)

#cbaa82
#d4b998
#ddc8ae
#e6d7c4
#f0e6da
#f9f5f1

Shades (darker)

#b3844b
#926c3d
#71542f
#503b22
#2f2314
#0e0b06

Colours that work with wood

Complementary

#C19A6B #6c92c1

Opposite on the colour wheel. Maximum contrast — use it for accents, not for half the page.

Analogous

#c1706c #C19A6B #bdc16c

Neighbours on the wheel. Calm and cohesive, the safest way to build a palette.

Triadic

#C19A6B #6cc19b #9b6cc1

Three colours evenly spaced. Lively and balanced; let one dominate.

Text on wood

Example Primary text

White text on wood2.59:1Fail

Example Primary text

Near-black text on wood6.84:1AA

Measured against WCAG: 4.5:1 for body text, 3:1 for large text. Test your own pair in the Contrast Checker

wood shade chart

Shade chart showing five steps of wood, from light tint to deep shade

Right-click to save the chart, or copy the individual codes above.