Baby Bear

#6f5944

Soft teddy brown for warmer, gentler UI

Save
Share

About Baby Bear

Baby Bear is what happens when you lighten a brown just enough that it stops feeling like it's anchoring anything. It's warmer and softer than Cold Brew, with none of that austere pull. There's actual lightness here, not brightness, but a kind of ease that makes it feel less worked. It's the brown that shows up in natural light and doesn't fight back.

Use it in editorial layouts, heritage retail sites, restaurant menus, and book interfaces where you need brown that feels approachable without disappearing. Works as a body text color over light backgrounds in ways Cold Brew never will, or as a card background that actually invites you in instead of just existing. It's softer than without being as muted as , which means it holds personality while staying readable at scale.

Pair it with warm creams and off-whites and it sings. Cool grays will still flatten it, that's the family curse, but this one's resilient enough that pairing decisions matter less than they do with its darker siblings. It's the brown you reach for when you want warmth that doesn't demand attention.

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
6.59:1AAAAA Large

On Gray 100 #f5f5f5

Aa
6.04:1AAAAA Large

On Gray 900 #18181b

Aa
2.69:1Fail

On Black #000000

Aa
3.19: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

Create a gradient with Baby Bear

Open the generator with this color pre-loaded.

Start creating