Rosy Brown
#bc8f8f
Softer rosy neutral for gentle, low-contrast warmth
About Rosy Brown
I keep Rosy Brown pinned to the edges of mockups where orange needs to feel human, not loud. Next to Mutabilis, it looks less dusty and more softly rosy, with a cleaner, lighter presence. Compared to Grand Sunset, it pulls away from brick-red depth and stays airy, like a peach-tinted wash rather than a pigment-forward clay.
It's lighter and less saturated than the oranges that lean deeper, but still warm, so it reads as grounded without turning brown-gray. I use it in skincare and beauty packaging (label bands, cap color callouts), and in UI for soft section headers and tag pills where you want warmth that doesn't tilt coral or mauve. Think lifestyle and wellness e-commerce, onboarding accents, and product cards that need separation from cream backgrounds.
Pair it with oat, cream, and cocoa browns. If you drop it next to high-contrast reds, the rosiness will flatten fast.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.