Baby Bear
#6f5944
Soft teddy brown for warmer, gentler UI
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 Bear Hug without being as muted as Cocoa, 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.
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.