Wild Chocolate
#665134
Deeper cacao-brown yellowed for warm vintage UI
About Wild Chocolate
A glance at Wild Chocolate and you get a dark, cocoa-like brown with a slightly dusty, earthy look. It reads more lived-in than Cafe Royale, and less deliberately shadowy than Chocolate Rain. Compared with Oak Barrel, it's a touch deeper and more restrained, with less amber clarity and more of a muted, soil-warm undertone.
I use it when I need brown that feels grounded without turning grayish or flat. It's great for packaging copy blocks, label typography on kraft or cream stocks, and those quiet UI moments where you want cocoa depth instead of "coffee brown." Think restaurant POS menus, e-commerce checkout panels, and dashboards and finance apps where secondary states still have to feel solid. For digital, it holds up behind light UI chrome better than the richer cafe tones.
Pair it with oat, vanilla, and soft sand, and keep it away from very cool grays unless you want it to look heavier.
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.