Cookie Crumb
#b19778
Lighter, softer cookie-tan for airy warm UI sections
About Cookie Crumb
Cookie Crumb is what happens when you push a tan toward the darker, earthier side without letting it tip into brown territory. It's got actual depth where Cardboard feels intentionally flat, and it's noticeably less golden than Caramel Crumb, there's something quieter about it, more grounded. The saturation sits where you can feel the color working without it announcing itself.
Reach for this in food and beverage interfaces, editorial layouts, and product detail pages where you need a container that feels substantive but not warm-forward. It works as a card background, a subtle button state, or a text overlay on photography without the retreating quality of Cardboard or the insistent warmth of Caramel Crumb. It's darker than Chalet, which means it anchors better and reads more intentional. Unlike those others, this one carries weight without demanding attention.
Pair it with cool grays and it opens up. Against cream it can flatten slightly, so test it against your actual content layers first. It's the shade that works harder when you need something that feels considered but not precious.
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.