Bear Hug
#796359
Deep warm ochre-brown that grounds layouts
About Bear Hug
Bear Hug sits in that awkward middle space where a brown has enough red in it to feel warm, but not so much that it commits to the confidence of Chivalrous Walrus. It's muted where it could be bold, and that restraint is actually what makes it work. There's clay in this one, but it's softer than it looks, less fired, more weathered.
Reach for it in editorial layouts, heritage retail sites, and food interfaces where you need a brown that feels present without dominating. Works as a card background, a button state, a sidebar. It's got enough saturation to hold its own against warm creams and off-whites, staying readable without the personality that Chivalrous Walrus carries. Unlike Cocoa, which retreats politely, Bear Hug actually anchors space. Unlike Caribou, it won't lighten up on you when the stakes are higher.
The real thing: pair it with anything cool and it flattens. But against warm neutrals, warm whites, and anything with rust or clay undertones, it breathes. It's the brown you reach for when restraint and weight need to occupy the same color.
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.