Root Beer
#81544a
Root beer brown, warmer and deeper than Annatto
About Root Beer
Root Beer looks like a fresh pour with a little foam still clinging to the glass: brown with an orange edge, not the deep cocoa mood. Compared to Annatto, it dials back that extra orange and saturation so it reads more grounded than fiery. Next to Nutmeg, it's less "spice-sweet" and more neutral-to-warm, closer to rooty roast than toasted candy. And unlike Acorn, it stays a touch deeper and calmer, so it feels like color with weight rather than warmth that wants to pop.
I use it for food and beverage packaging when the brand needs comfort without turning the label into a burnt/orange argument. It's also great for e-commerce UI details like price badges, tag chips, and section headers on light backgrounds, where it lands warm but controlled. In editorial accents it works as a reliable mid-brown that doesn't drift sepia, and it holds up better than Chocolate Bliss when you want readability without going flat.
Pair Root Beer's roast tone with cream, oatmeal, or warm grays. Against very cool palettes, it can feel heavier than you expect, so keep the contrast warm.
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.