Prometheus Orange

#f4581e

Smokeless, balanced orange for precise alert states

Save
Share

About Prometheus Orange

Prometheus Orange looks like a hard-lit safety stripe, but with a cleaner, slightly gentler orange core than the toy-plastic bounce of . It's also not the built-up heat of or the sweet, ink-bright feel of . This shade comes off as more composed and deliberate, with a tighter orange undertone that reads less sugary and less ember-adjacent.

I use it when I need clear primary action energy that won't tip into near-red warmth, especially on dashboards and finance apps where you want urgency without "alarm" vibes. It's great for confirmation buttons, status pills, and key metrics in analytics views, plus CMS admin controls where orange needs to be noticeable but not messy on mid-tones. Compared to the brighter, friendlier reads around it, the one you reach for is the shade that stays legible and confident over busy UI textures.

Quirk: on very warm off-whites it can feel a bit more industrial than playful, so I usually anchor it with cooler grays or a neutral charcoal surface.

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.35:1FailAA Large

On Gray 100 #f5f5f5

Aa
3.08:1FailAA Large

On Gray 900 #18181b

Aa
5.28:1AAAAA Large

On Black #000000

Aa
6.26: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 Prometheus Orange

Open the generator with this color pre-loaded.

Start creating