Brown
#653700
Earthy chestnut-brown that reads warmer than coffee
About Brown
Brown hits different when it's actually brown, not hiding behind warm undertones or apologizing with gray. This one's darker and flatter than Cafe Royale, stripped of the red that makes that color feel alive. It's closer to Antique Brass in density, but without the copper glow. What you're looking at is a brown that's almost austere, the kind that works because it refuses to charm its way into a layout.
Use it where restraint matters: fashion lookbooks, heritage branding, product packaging that can't afford to look precious. It anchors navigation in dark mode interfaces, holds weight as a card background without the theatrical staging Cafe Royale brings. Editorial layouts, restaurant menus where the food does the talking, this brown gets out of the way while actually landing harder than something lighter would. It's the frame, not the picture.
The trade: pair it with warm creams and off-whites and it settles into place like it belongs there. Cold backgrounds flatten it completely. But that constraint is also the point. Brown this serious isn't meant to be versatile.
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.