Acorn
#7f5e50
Muted acorn brown brings balanced warm neutrality
About Acorn
Acorn sits where orange gets serious about being brown. It's got enough pigment to stay warm, you won't mistake it for a neutral, but it doesn't broadcast that warmth the way Chocolate Bliss or Chutney do. This one's lighter and more saturated than both of them, which means it actually reads as a color instead of a shadow pretending to be one.
Pull it into heritage product pages, craft packaging, and earthy dashboards where you need warmth that feels intentional without leaning into the burnt-looking territory Chutney owns. It's the accent that works on midtone backgrounds without disappearing, and on light backgrounds without falling flat the way Chocolate Bliss can. Food and beverage interfaces, wellness apps, editorial details, anywhere you're trying to suggest comfort without apology. Unlike Chocolate Temptation, which recedes into sophistication, Acorn actually participates in the layout.
Test it next to warm grays and cream and it holds. The catch: push it against pure white and it'll read slightly more orange than you might expect at first glance, so pair thoughtfully. But that's also what keeps it from disappearing the way deeper browns in this family sometimes do.
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.