Caramel Gold
#b1936d
Richer caramel gold for warmer, deeper UI blocks
About Caramel Gold
Caramel Gold is what happens when you want a tan that actually glows without overheating the room. It's warmer and more saturated than Cookie Crumb or Cardboard, but it doesn't have the restraint those colors carry, there's genuine richness here, the kind that reads as intentional luxury rather than neutral container. It sits closer to Chalet in approachability, but where Chalet softens, this one deepens.
This works in luxury e-commerce, editorial design, and hospitality interfaces where you need a background that feels curated and warm without tipping into brown or becoming too heavy to pair with photography. Use it as a card container, a section divider, or a hero background that actually complements imagery instead of competing with it. It's the shade that works harder than it looks because it's doing two jobs at once: grounding your layout while keeping things feeling open.
Against warm neutrals and cream it strengthens instead of flattening. Pair it with cooler typography or cooler accents and it becomes a statement. This is the one you reach for when Chalet feels too soft and Cookie Crumb feels too muted.
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.