Ferocious Fox

#e25d1b

Light, fiery orange with crisp fox-red edge

Save
Share

About Ferocious Fox

Ferocious Fox looks like an orange pulled tighter and made a little more aggressive, not ember-soft. It has a cleaner orange core than 's hotter, deeper push, and it doesn't sink into clay like . Compared to 's cooler, lighter ember, this one reads warmer and more saturated, so it feels urgent without turning into a red warning.

I like it as the one you reach for when an interface needs a primary CTA that stays unmistakably orange. It's strong in dashboards and finance apps where you want "do this now" emphasis for buy, confirm, or upgrade states, and it holds up in mobile commerce flows where buttons sit over light-to-mid surfaces. I've also used it for live sports progress highlights and ride-share action controls because it grabs attention fast.

Quirk: on very warm creams it can tip into a loud, nearly "burnt" orange tone, so I'll balance it with cooler grays or cleaner, lighter oranges to keep the energy readable.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
3.61:1FailAA Large

On Gray 100 #f5f5f5

Aa
3.31:1FailAA Large

On Gray 900 #18181b

Aa
4.91:1AAAAA Large

On Black #000000

Aa
5.82:1AAAAA Large

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Ferocious Fox

Open the generator with this color pre-loaded.

Start creating