Caramelise
#d58a37
Toasted caramel orange-brown for softer amber accents
About Caramelise
Caramelise is what caramel actually looks like on screen, that moment just before it tips from golden into burnt, where the color gets deeper and slightly less yellow than Bourbon Peach or Burning Trail. It's got real density to it. Unlike Bengal's light-absorbing restraint or Cognac's brown-forward presence, this one stays warm but doesn't push orange as aggressively. It reads as deliberate richness instead of heat.
You'll use it in bakery and confectionery interfaces, upscale food photography containers, and luxury packaging mockups where you need the warmth of caramel without the orange scream. Works well as a hero card background for artisanal products, button states in hospitality booking flows, or a frame around food imagery where the color itself matters as much as what it contains. It sits forward enough to command a layout without the urgency Bourbon Peach carries at the same scale.
Pair it with charcoal or warm grays and it opens up cleanly. The saturation keeps it grounded, it won't flatten into dilution the way lighter yellows do, but it's warm enough that pairing against cream or pale backgrounds can muddy the contrast. Test it live with your actual photography first.
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.