Molten Core
#ff5800
Deep molten orange for high-contrast cautions
About Molten Core
Molten Core looks like orange caught mid-glow, not the cheerful jump of lighter oranges. It has a darker, heavier body and a thicker burn feel, with heat that reads immediate rather than friendly. Compared with Carrot Lava, it's less "teeth" and more ember core, more weight per pixel. Compared with Light My Fire, it doesn't stay crisp and badge-bright, it sinks deeper into the orange family. And versus Orange Piñata, it loses the round carnival friendliness for a more furnace-leaning undertone.
I use it in dashboards and finance apps when the UI needs presence in a loading state, a high-priority status pill, or a secondary accent that still commands attention without looking like an alarm. It's also solid for gaming interfaces and music apps where you want energy that feels controlled, not pop-candy. Pair it with near-black or cool grays so the ember depth holds together on dark themes.
One quirk: on very light backgrounds it can feel intense fast, so give it breathing room and let surrounding neutrals stay cooler.
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.