Caramel Crumb
#c39355
Muted caramel-brown warmth for grounded yellow accents
About Caramel Crumb
Caramel Crumb is warmer and more saturated than anything else in this cluster, it's got actual color depth instead of just being a lighter version of brown. Where Bengal absorbs light and Chalet plays it safe, this one pulls toward amber. There's a richness to it that doesn't feel heavy, more like the difference between a sketch and a finished illustration.
Use it in food and beverage interfaces, retail product cards, and hospitality booking flows where you need a tan that feels inviting without being washed out. It works harder as a button background or card container than the more muted options here because the saturation gives it actual presence. It reads as intentional warmth rather than restraint, which matters when you need the UI to feel hospitable instead of neutral.
Pair it with cream or warm neutrals and it stays cohesive. Against cool grays it can feel slightly detached, so test it depending on whether you want that color to recede or command a little attention. It's richer than Cardboard, more golden than Chalet, pick this one when the others feel either too flat or too cool for what you're building.
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.