Boiling Magma
#ff3300
Hot, high-saturation orange for warnings and heatmaps
About Boiling Magma
Boiling Magma is what happens when you strip away the orange and commit to the red, pure heat without the friendliness. It's darker and rawer than Coquelicot, less playful than Cherry Paddle Pop, and it doesn't have Coin Slot's yellow undertone keeping it civilized. This is the color that feels like something's actually burning.
You'll land this in dark mode interfaces, gaming overlays, and real-time alert systems where you need urgency without the safety of brightness. Live notifications that mean something happened *now*, heat maps where intensity matters, hero imagery on dark backgrounds where you want the viewer to feel genuinely threatened. It reads as consequence rather than invitation, more serious than sports-energy, more dangerous than a standard CTA.
The catch: it's brutal on light backgrounds, where it looks almost brown or suffocated. Put it on black or deep charcoal and it snaps into focus immediately. That's where it belongs. Save the lighter backgrounds for the oranges that can actually breathe there.
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.