Campfire
#ce5f38
Deeper burnt-orange focus for bold, grounded sections
About Campfire
Campfire sits closer to the actual fire than most oranges in this family, it's got genuine heat and saturation without tipping into the aggression of Blazing or the restraint of Bronzed. This is the orange that reads warm on warm backgrounds, which most of its neighbors can't pull off. It's got enough lift to work on light surfaces, but the saturation keeps it grounded. Not muted like Bronzed, not as controlled as Blossoming Dynasty, and less of a "something's burning" alert than Baptism by Fire.
You'll reach for this in product interfaces, gaming apps, and dynamic dashboards where you need an accent that feels energetic but not panicked. It works on CTAs, active states, notification badges, the places where orange should actually feel like it's doing something. Pair it with charcoal or deep gray and it snaps. Pair it with warm neutrals and it still holds its own because there's enough saturation underneath.
The trade-off: it doesn't have the versatility of lighter oranges on varied backgrounds. Test it on your actual palette before committing. It needs a little more careful placement than the ones that soften or cool down, but that's kind of the point.
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.