Lava Smoothie
#d04014
Softer lava orange-red, less money-hot than Krabs
About Lava Smoothie
Picture a smoothie shop menu where the orange isn't loud. That's what Lava Smoothie feels like: a lava-bright orange with a velvety softness, not the sharper "spark" energy of Fire Bolt or the meatier blush lean of Bloody Salmon. It reads as warm and juicy, but it doesn't cross into brick-red, and it stays noticeably less pink than Mr. Krabs.
For UI work, I treat it as the the one I reach for when I need orange attention that stays readable and smooth. Think retail POS product tags, beverage and convenience app banners, and logistics screens for "processing" states that should feel active, not frantic. It's warmer than pure white without going clay-leaning, so it holds its footing on light panels and still looks solid on dark keylines.
Quirk: on creams it can feel a touch richer than nearby oranges, so keep text sizes and contrast in check and pair with neutral grays to avoid going overly syrupy.
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.