Chocolate Bells
#775130
Warm chocolate brown for cozy, grounded UI blocks
About Chocolate Bells
Chocolate Bells is the brown that actually tastes like something. It's got real depth without the austere pull of Cold Brew, there's warmth underneath that doesn't feel accidental. Where Cold Brew commits to being austere and Baby Bear leans into softness, this one sits between them with a slight red undertone that makes it feel deliberately chosen rather than just darker.
Use it in restaurant interfaces, heritage retail sites, packaging design, and editorial layouts where brown needs to feel crafted and approachable at the same time. It works as body text over cream backgrounds, as card surfaces that actually invite interaction, and for button states that need weight without reading as heavy-handed. It's the one you reach for when Cold Brew feels too stern but Baby Bear feels too gentle. Unlike Brownstone, which plays it safer, this one has slightly more character.
Pair it with warm creams and off-whites and it holds steady. The cool gray problem doesn't go away, none of these browns escape that, but Chocolate Bells at least stands its ground without flattening the way its darker sibling will.
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.