Burning Flame

#ffb162

Softer ember-orange yellow for high-contrast highlights

Save
Share

About Burning Flame

Burning Flame sits where orange actually starts to muscle in on yellow's territory. It's got more heat and saturation than , the kind that reads as fire, not fruit. Where stays bright and approachable, this one has real intensity. It doesn't apologize for itself.

Reach for this in food photography, call-to-action buttons, and e-commerce when you need to stop the scroll. Works in hospitality apps, energy-focused dashboards, and product launches where the color itself is part of the message, not just decoration. Unlike Cinnamon Buff's powdered restraint or 's grounded confidence, Burning Flame demands attention. It's the version you pick when subtle stops working.

Pair it with deep charcoal or near-black type, it can eat lighter text for breakfast. Test it on actual displays before you commit; the warmth reads different on cool-toned screens versus natural light. It's less forgiving than its neighbors, but that's exactly what makes it useful.

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
1.79:1Fail

On Gray 100 #f5f5f5

Aa
1.64:1Fail

On Gray 900 #18181b

Aa
9.89:1AAA

On Black #000000

Aa
11.72:1AAA

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.

Create a gradient with Burning Flame

Open the generator with this color pre-loaded.

Start creating