UI Shades

A study in orange

Burlywood

#DEB887

Family
Orange
L
0.805
C
0.078
H
73°

Notes

Burlywood takes its name from the chunky, knotted outgrowths called burls that woodworkers prize for their unpredictable grain. The CSS value reads as raw pine after a season of sun: warm, slightly drained of saturation, more honest than honey. West Elm and Muji both use tones in this band as default surfaces in furniture catalogues because it suggests craft without naming a specific timber. Drop deep walnut #3e2817 text on top and the layout starts to feel like a Kinfolk spread. The colour is too pale to function as type against white; keep it for surfaces and hero washes that benefit from a warm fill.

#deb887
Burlywood
Burlywood
#deb887
oklch(0.805 0.078 73.42)
rgb(222 184 135)
hsl(33.8 56.9% 70%)
Share
#fff9f0
#fff2e3
#f8e1c5
#efcea5
#deb887
#a98451
#906b39
#795727
#593e17
#3d290a
#211403

See your palette on a real UI - coming soon

Preview these shades across buttons, cards, and components in a live interface.

Plate 02

Palette built around Burlywood

Cross-reference
Q&A

Frequently asked questions

What is Burlywood?

Burlywood takes its name from the chunky, knotted outgrowths called burls that woodworkers prize for their unpredictable grain. The CSS value reads as raw pine after a season of sun: warm, slightly drained of saturation, more honest than honey. Its hex code is #DEB887.

What are the tints and shades of Burlywood?

uishades builds an 11-step OKLCH ramp for Burlywood (#DEB887) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.

What colors pair well with Burlywood?

Its complementary color is #9CC3F1. Triadic partners are #81CFCD and #D1B1E3; analogous neighbours are #C8C287 and #EBAF97.

What are the OKLCH and RGB values of Burlywood?

Burlywood is #DEB887 - OKLCH 0.805 0.078 73°, rgb(222 184 135), in the orange family.