Orange Crush
#ee7733
Midweight orange with softer warmth than lava
About Orange Crush
Orange Crush reads like a freshly squeezed orange that's still wet, not burned. It sits in the yellow family but keeps a clean red-orange snap without drifting into the deeper, more frantic heat of Apocalyptic Orange, and it's less glossy-yellow than Liquid Lava. The undertone feels friendlier and more "juice" than "alarm," so it lands as noticeable warmth rather than urgency.
I use it for limited-time promos and discount badges where you want immediate pull in retail and e-commerce, especially on product grids and checkout micro-UI for grocery, snacks, and apparel drops. It also works well in status pages that need to feel active without the emergency vibe, like "processing" or "out for pickup" headers. Compared to Jaffa, this stays more balanced and less sunburn-red, so it won't outshine product photos as easily.
Quick caution: keep it away from pale warm creams and it starts to blend. Pair it with charcoal, near-black, or cool grays to keep the edges crisp and the tone intentional, not jittery.
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.