Butterscotch
#fdb147
Warm caramel-gold, sharper than Koromiko, calmer than flame
About Butterscotch
Butterscotch splits the difference in a way that actually matters. It's warmer and less saturated than Burning Flame, so it doesn't read as fire, but it's also got enough body that it doesn't disappear like Cinnamon Buff does on anything but a perfect screen. This is the amber that tastes like actual caramel, not powder or theory.
Reach for it in food and beverage design, product pages, and e-commerce where you need warmth that doesn't scream. Works well in onboarding flows, hospitality apps, and packaging where the color should feel considered but not aggressive. It's got more presence than Apricot's fruit-forward brightness, but it lives closer to comfort than intensity. Unlike Cinnamon Buff's softness or Burning Flame's demand for attention, this one just... lands.
It'll read slightly cooler on dim displays, so test it there first. Pair it with charcoal or deep brown type and watch it get richer. On white alone it's fine, but it really comes alive when there's something deeper nearby to anchor it.
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.