UI Shades

A study in orange

Tan

#D2B48C

Family
Orange
L
0.786
C
0.064
H
75°

Notes

Tan in CSS is the warm, slightly orange-leaning beige of dried grass. The hex sits between Wheat and Burlywood, with low chroma at high lightness. Outdoor, heritage, and craft brands use it as a quiet primary or secondary surface, usually under deep brown type or alongside muted forest green for a heritage outdoor palette. As a UI element it works as a panel background for outdoor product cards; against white it provides reasonable separation but is too pale for body text. Body text contrast against white fails AA at every standard size - a surface tone.

#d2b48c
Tan
Tan
#d2b48c
oklch(0.786 0.064 74.62)
rgb(210 180 140)
hsl(34.3 43.7% 68.6%)
Share
#fff9f1
#fcf3e6
#f4e2cb
#ead0ae
#d2b48c
#a4865d
#8a6d45
#745933
#553f21
#3a2a13
#1f1507

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 Tan

Cross-reference
Q&A

Frequently asked questions

What is Tan?

Tan in CSS is the warm, slightly orange-leaning beige of dried grass. The hex sits between Wheat and Burlywood, with low chroma at high lightness. Its hex code is #D2B48C.

What are the tints and shades of Tan?

uishades builds an 11-step OKLCH ramp for Tan (#D2B48C) - 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 Tan?

Its complementary color is #9EBCE2. Triadic partners are #88C7C6 and #C9AED6; analogous neighbours are #BFBC8D and #DDAD98.

What are the OKLCH and RGB values of Tan?

Tan is #D2B48C - OKLCH 0.786 0.064 75°, rgb(210 180 140), in the orange family.