UI Shades

A study in brown

Rosy Brown

#BC8F8F

Family
Brown
L
0.693
C
0.055
H
19°

Notes

Rosy Brown is the colour weathered terracotta turns after a few seasons of rain - warm, slightly desaturated, with the pink undertone that distinguishes it from the deeper Saddle Brown of the spec. The X11 list pulled the name from a Crayola palette and the value has been stable since. Brands working in skincare and natural cosmetics, such as Aesop and Tata Harper, lean on tones in this band because the warmth reads as honest rather than glossy. Pair it with deep forest green for a vintage botanical feel. Body text against white passes AA only at sizes 18px and above; reserve smaller copy for a deeper warm brown.

#bc8f8f
Rosy Brown
Rosy Brown
#bc8f8f
oklch(0.693 0.055 18.57)
rgb(188 143 143)
hsl(0 25.1% 64.9%)
Share
#fff8f7
#fff0f0
#f9dedd
#f0c9c9
#d4a8a7
#bc8f8f
#916667
#795253
#593a3b
#3d2626
#211313

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

Cross-reference
Q&A

Frequently asked questions

What is Rosy Brown?

Rosy Brown is the colour weathered terracotta turns after a few seasons of rain - warm, slightly desaturated, with the pink undertone that distinguishes it from the deeper Saddle Brown of the spec. The X11 list pulled the name from a Crayola palette and the value has been stable since. Its hex code is #BC8F8F.

What are the tints and shades of Rosy Brown?

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

Its complementary color is #73A7A9. Triadic partners are #8CA584 and #889EBF; analogous neighbours are #B9937F and #B78FA2.

What are the OKLCH and RGB values of Rosy Brown?

Rosy Brown is #BC8F8F - OKLCH 0.693 0.055 19°, rgb(188 143 143), in the brown family.