Fleur de Sel Caramel
#da8704
Salted caramel orange, brighter and more golden
About Fleur de Sel Caramel
Fleur de Sel Caramel looks like a salted caramel ribbon under warm light, but it reads cleaner and more golden than the deeper, toastier neighbors. I notice the gold-leaning undertone first: it sits between bright heat and cooked-down brown, without tipping into the orange-first punch of Hotter Butter.
Compared to Copious Caramel, this one feels slightly lighter and more refined, like the saturation is tighter instead of broad and syrupy. And while Caramelise has that heavier "burnt edge" depth, Fleur de Sel Caramel stays more caramel-gold than burnt-sugar. In practice, I drop it into bakery and confectionery UI where you want crafted warmth, plus hospitality booking cards, menu panels, and product callouts that need to feel premium without screaming urgency. It's also great for food photography frames, especially when the images already lean brown and you still need a confident highlight.
Pair it with cream, light stone, or charcoal, but watch warm backgrounds: if the surrounding whites are too yellow, it can blend into the set instead of guiding the eye.
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.
Similar colors
Create a gradient with Fleur de Sel Caramel
Open the generator with this color pre-loaded.
Start creating