Salted Caramel Popcorn
#fdb251
Creamy, lightly salted caramel gold for soft highlights
About Salted Caramel Popcorn
Salted Caramel Popcorn looks like that glossy top layer on a fresh kettle of popcorn, with the salt dialed back just enough to let the caramel glow show through. It's warmer than Koromiko but it doesn't veer into Butterscotch's deeper, more syrupy amber. Against Peanut Butter Chicken it feels a touch lighter and cleaner, less creamy and more toasted. The undertone lands firmly golden, not peachy, and the saturation stays moderate so it reads like food color, not flame.
I like it for food and beverage design when you need "warm and appetizing" without pushing toward orange intensity. Use it on flavor cards, recipe steps, product pricing badges, and grocery filter chips, especially in e-commerce category headers and checkout modules where you want the interface to feel snackable but controlled. It also works well for hospitality menus and loyalty screens where you're guiding attention rather than shouting.
Quick note: pair it with charcoal or rich brown type to keep it from turning too light on bright displays.
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 Salted Caramel Popcorn
Open the generator with this color pre-loaded.
Start creating