Dark Chocolate
#624a49
Deeper, red-warm chocolate anchor for subdued orange accents
About Dark Chocolate
Dark Chocolate looks like the inside of a cocoa bean after it's been warmed and pressed. It's deeper than Brunette, but it doesn't drift into the weathered gray-brown of Crown of Thorns. Compared to Chocolate Magma, this one stays more openly brown and less ashy, so it reads denser and more "cooked" rather than softened and restrained.
For fashion and lifestyle packaging, it gives you a rich brown backdrop that still holds shape next to cream, without the color-fatigue you can get from the deeper oranges-browns. Use it in warm editorial layouts as a big block for headlines or sidebars, and on interface backgrounds when you want brown that doesn't feel heavy-handed but still has real weight behind it. It also plays nicely in product microsites and settings panels where the one you reach for is the shade that stays legible without turning charcoal-gray.
Pair it with bone, oat, or a touch of muted copper; with cool grays it can feel a bit severe, so test the contrast before committing to full-bleed.
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.