Heavy Orange
#ee4328
Medium, steady ember-orange for balanced highlights
About Heavy Orange
Heavy Orange hits like a fresh splash on a white mock. It's noticeably heavier and more saturated than Cascara, so it doesn't feel "snappy-first" the way that brighter neighbor does. Compared to Hot Shot, it has less of that clean, flame-caught sharpness and more grounded orange weight. It's also warmer and deeper than the ember-leaning feels you get from the lighter end.
I use Heavy Orange for the times you want a primary CTA presence without leaning into the darker urgency of Baptism by Fire. Think dashboards and product interfaces that need action clarity, fintech buttons that aren't warnings, marketplace "in stock" or "ready" states, and media apps where play-adjacent controls need to stand out fast. It reads bold on light panels, but it keeps its confidence even when the surrounding UI isn't super minimal.
Small pairing note: on pure black it can feel a bit intense, so I'll often soften it with warm grays to keep it from looking too "inked-in".
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.
