Bakery Brown
#ab9078
Mocha-deep yellow-brown for grounded UI panels
About Bakery Brown
Bakery Brown sits deeper and cooler than everything around it in this family. Cookie Crumb and Caramel Gold both lean into their warmth; this one pulls back. It's less golden, less saturated, the kind of brown that feels like it walked in from a different room entirely, more restraint, more structure, less of that intentional glow the others are built on.
Reach for it when you need a background that actually grounds instead of just existing. Hospitality interfaces, food retail, editorial detail pages, anywhere you want something that reads as deliberate without the heat. It works as a card container, a section anchor, or a dark enough neutral that doesn't demand you light everything around it on fire to balance it out. This is the shade that works harder when you're layering complexity.
Test it against warm photography and it won't fight back. Against cream or ivory, it'll sit heavier than Cookie Crumb does, so know what's behind it. It's the one I reach for when Cookie Crumb feels too muted and you're not ready for the warmth Butterum brings.
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.