Cacao Nibs
#80442f
Deeper cocoa orange-brown, less red, more roasted
About Cacao Nibs
Cacao Nibs is the color you reach for when you need brown to actually feel dark. It sits deeper and more saturated than Cheeky Chestnut, without the lingering orange whisper that Chocolate Covered still carries. This is brown that's committed to being brown, no hedging, no temperature negotiation. It's got real weight.
You'll land it in food packaging, editorial headers, and product interfaces where depth matters more than approachability. Unlike Chocolate Explosion, which still leans matte and warm, Cacao Nibs reads cooler and denser, closer to actual cocoa powder than roasted bean. It holds its own against busy backgrounds and won't flatten on cream, which means it works when you need a text color or accent that doesn't disappear. Stack it with charcoal, deep grays, or even black and it anchors without becoming invisible.
The thing: test it against white first. There's enough darkness here that it won't feel washed out, but enough warmth underneath that it won't read as pure cold brown. This is the one that actually works when Chocolate Covered feels too polite.
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.