Hazelnut Chocolate
Deep earthy brown with comforting warmth
Hazelnut Chocolate is a saturated, dark brown that brings immediate warmth and grounded weight to a design. Because it lacks brightness, it works best as a supportive anchor color rather than a dominant background. Pair it with soft cream or muted gold to cut the gloom. The hex code for this moody, organic tone is #7b3f00. It offers excellent readability for white text.
About Hazelnut Chocolate
Cocoa powder scraped from the bottom of the tin
What does hazelnut chocolate mean?
This shade often calls to mind roasted nuts, dark chocolate, worn leather, and tree bark, so people commonly read it as earthy and sturdy. Its deep darkness and low saturation give it a heavy, settled feel, closer to a dim study than a bright morning.
Where you see hazelnut chocolate
- dark chocolate bars
- roasted coffee beans
- walnut shells
- leather boots
- tree bark
- potting soil
What it works for
It works well for coffee packaging, autumn designs, wood-tone palettes, and any layout that wants warmth without brightness.
What colors go with hazelnut chocolate?
Antique White #ece6d5The pale off-white lifts this deep brown and keeps the pair from feeling too heavy.Olive Drab #6f7632Both colors share a muted, earthy character, so they sit together without competing.Dusty Rose #b56f76The muted pink adds warmth on top of the brown instead of fighting it.Dark Teal #014d4eTwo dark shades with opposite temperatures create depth without losing contrast.
Questions about Hazelnut Chocolate
What is the hex code for Hazelnut Chocolate?
Hazelnut Chocolate is #7b3f00. In RGB that is rgb(123, 63, 0), in HSL hsl(31, 100%, 24%) and in CMYK 0%, 49%, 100%, 52%.
How should I use #7b3f00 in a balanced design palette?
Hazelnut Chocolate #7b3f00 functions best as an anchor or grounding element rather than a background. Use it for typography or primary UI shapes alongside a soft cream or muted gold to cut its inherent darkness and maintain visual balance.
Is Hazelnut Chocolate readable on white or black?
Hazelnut Chocolate has a 8.22:1 contrast ratio on white and 2.55:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it is too faint for text. Try other pairs in the contrast checker.