Opal Flame
#e95c4b
Softer, creamy orange flame for calmer accents
About Opal Flame
Opal Flame looks like an ember caught in milky glass. It's warm, but it doesn't feel as punchy as Amour, and it's less rosy and calmer than Heirloom Blush. Compared to Fuego, it reads a touch more softened and slightly lighter, so the heat feels spread out instead of concentrated.
I like it for product UI where you want orange energy without the "warning flare" vibe. Think dating apps, lifestyle brands, and social platforms for primary button fills, active icon states, and quick reaction badges. It also works well in health and wellness interfaces where you need momentum, not aggression. This shade is the one you reach for when you want an accent that stays friendly on light cards, but still holds character next to creams and warm neutrals.
Pair it with cool grays or off-whites for crisp edges, and avoid stacking it against very red surfaces, where it can start to look muddier than you intended.
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.