UI Shades

A study in brown

Saddle Brown

#8B4513

Family
Brown
L
0.471
C
0.112
H
51°

Notes

Saddle Brown is the deep, warm brown of a well-worn leather saddle. The CSS hex sits at low lightness with moderate chroma and reads as grounded and slightly nostalgic. Outdoor, leather, and craft brands use it as a primary identity colour. Pair with cream for warmth, or with muted forest green for a heritage outdoor palette. Against white it passes body text contrast comfortably and works as a primary type colour or display heading. AAA holds at every standard size; the value carries long-form reading confidently.

#8b4513
Saddle Brown
Saddle Brown
#8b4513
oklch(0.471 0.112 50.85)
rgb(139 69 19)
hsl(25 75.9% 31%)
Share
#fff7ee
#ffeedf
#ffdabf
#ffc39c
#ed9f71
#c37444
#a85c2a
#8b4513
#6a3208
#4a1f01
#290e00

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 Saddle Brown

Cross-reference
Q&A

Frequently asked questions

What is Saddle Brown?

Saddle Brown is the deep, warm brown of a well-worn leather saddle. The CSS hex sits at low lightness with moderate chroma and reads as grounded and slightly nostalgic. Its hex code is #8B4513.

What are the tints and shades of Saddle Brown?

uishades builds an 11-step OKLCH ramp for Saddle Brown (#8B4513) - 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 Saddle Brown?

Its complementary color is #00658E. Triadic partners are #006E52 and #5C4E95; analogous neighbours are #7B5200 and #8F3D3F.

What are the OKLCH and RGB values of Saddle Brown?

Saddle Brown is #8B4513 - OKLCH 0.471 0.112 51°, rgb(139 69 19), in the brown family.