Spill the Beans
#9b351b
Clay-orange warmth with higher clarity for contrast
About Spill the Beans
Spill the Beans reads like a burnt-caramel ribbon on a label that's been in a warm room too long. It's not as deep as Chocolate Lust, and it doesn't go earthy and subdued like Brick. Compared to those, this one feels more medium-light and cleanly orange up front, with a tight, reddish undertone that keeps it from sliding into plain brown.
Use it when you want warmth that still feels edited. I reach for it in snack and coffee packaging, retail callouts, and feature tiles on e-commerce interfaces where you need "hot" without the heavy chocolate-first tone. It also holds well in editorial graphics for food spreads and culture zines, especially on cream, off-white, or soft greige where other browns can look flat.
Quick quirk: keep it away from very dark warm backgrounds, because it can start looking more reddish than caramel. If you pair it, try it with cool grays or a near-black for contrast that stays crisp.
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.