Bear Hug

#796359

Deep warm ochre-brown that grounds layouts

Save
Share

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 . 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 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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
5.61:1AAAAA Large

On Gray 100 #f5f5f5

Aa
5.15:1AAAAA Large

On Gray 900 #18181b

Aa
3.16:1FailAA Large

On Black #000000

Aa
3.74:1FailAA Large

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#73645c
#7d685b
#7f5e50
#7e5c52
#746a5e

Create a gradient with Bear Hug

Open the generator with this color pre-loaded.

Start creating