Flash in the Pan
#ff9977
Light, soft apricot-orange for alert highlights
About Flash in the Pan
Flash in the Pan looks like a bright orange candle that's been lit just a little too long. It's lighter than Butternut and less coral-forward than Coralistic, so it lands in that quick, punchy middle where you feel energy but not the full weight of pure orange.
Compared to Candy's red-tilted softness, this one reads more golden and less "human-warm." I reach for Flash in the Pan when I want attention without the flare getting loud, especially in food and beverage promotions, e-commerce banners, and product UI moments like sale callouts, cart nudges, and onboarding highlights. It holds up in dense layouts against white, but it stays feeling airy because the shade is light enough to prevent heavy saturation from crowding text.
Pair it with cream backgrounds, warm grays, or muted browns. Go heavy with cool grays and you'll feel that mismatch immediately, like the orange can't settle.
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.