Primal Rage
#f4301c
Primal red-orange heat for urgent, fiery highlights
About Primal Rage
Primal Rage looks like the moment a fail state turns from "loading" into "something went wrong" on a live monitor. It's a red-orange that leans more primal and sun-baked than Arcade Fire's high burn, and it carries a heavier, less polished edge than Metroid Red's glossy warning label. Compared with Dungeon Keeper, it feels brighter and more aggressive, with less ember depth and more forward heat.
I use it for sports apps, live-event dashboards, and high-stakes retail when the UI needs to feel immediate without slipping into the darker, consequence-weight vibe of redder tones. It's also great for notification badges and primary action alerts where you want the message to read fast, even on dark gradients.
One quirk: it can overpower warm backgrounds fast, so I usually anchor it with deep charcoal or steel gray, and keep the rest of the interface cleaner than you think.
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.