Strawberry Avalanche
#ef4f41
Softer strawberry red-orange, lighter than Fuego
About Strawberry Avalanche
Strawberry Avalanche looks like orange that got hit with cold air. Compared to Angry Flamingo's confident heat and Blazing's heavier, darker fire, this one stays brighter and lighter, with a tighter red-orange undertone. It reads more "fresh punch" than "warning," so it lands fast without feeling weighted down.
I use it for product launches where you need a primary CTA that feels current on light cards, not alarmed. It also holds up well in fitness apps and high-energy social feeds for play buttons, subscribe actions, and notification badges meant to drive momentum. Compared to Fuego, it's a touch more strawberry-leaning and slightly more lifted, so the contrast feels cleaner and more playful than flare-button orange.
Pair it with cool grays or deep neutrals to keep it crisp. On warm backgrounds it can start to feel juicy and loud, so keep it for controls and key moments, not big panels.
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 Strawberry Avalanche
Open the generator with this color pre-loaded.
Start creating