Caramel Finish
#ffd59a
Warm caramel green for divider warmth, less peachy
About Caramel Finish
Caramel Finish is the one that actually looks like what it's named after, that pale amber you get when sugar just starts to brown. It's lighter than Brilliant Gold but with none of the restraint of Butter Muffin or Couscous. There's real yellow undertone here, the kind that reads warm on first glance, not something you have to squint to notice.
Reach for this on backgrounds in food apps, e-commerce detail pages, and light publishing layouts where you want the warmth present but not dominating. It sits between the near-invisibility of Couscous and the saturation punch of Brilliant Gold, present enough that it matters, but still pale enough to let your content breathe. Works harder than it looks against charcoal type or dark imagery, grounding without muscle.
The difference from nearby shades: it's got more yellow than Butter Muffin (which whispers) but less weight than Brilliant Gold (which announces). Next to pure white it reads distinctly warm, distinctly intentional. Pair it with deep forest tones and it sings a little. Against very pale neutrals though, test it first, the warmth can flatten depending on your screen.
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.