UI Shades

A study in brown

Peru

#CD853F

Family
Brown
L
0.678
C
0.123
H
62°

Notes

Peru is the warm tan-brown named loosely after the South American country, though the connection is decorative rather than geographic. The CSS hex sits in the brown family at mid-lightness with moderate warmth. Heritage, outdoor, and craft brands use it as a primary accent. Pair with cream for a softer palette, or with muted forest green for a heritage look. Against white it carries enough contrast for headlines and most body text in larger sizes. AA passes at 14px and above; below that, the warm undertone starts to lose legibility against the cool white background.

#cd853f
Peru
Peru
#cd853f
oklch(0.678 0.123 62.18)
rgb(205 133 63)
hsl(29.6 58.7% 52.5%)
Share
#fff7eb
#ffefdc
#ffdcb8
#ffc691
#e9a362
#cd853f
#a5600e
#8b4c00
#673500
#482200
#281000

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 Peru

Cross-reference
Q&A

Frequently asked questions

What is Peru?

Peru is the warm tan-brown named loosely after the South American country, though the connection is decorative rather than geographic. The CSS hex sits in the brown family at mid-lightness with moderate warmth. Its hex code is #CD853F.

What are the tints and shades of Peru?

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

Its complementary color is #49A0DD. Triadic partners are #00B09E and #A684D6; analogous neighbours are #B3952D and #D97966.

What are the OKLCH and RGB values of Peru?

Peru is #CD853F - OKLCH 0.678 0.123 62°, rgb(205 133 63), in the brown family.