À l’Orange
#f2850d
Drier amber-orange for steady highlights, less peach
About À l’Orange
À l'Orange sits closer to amber than orange, there's more yellow depth hiding underneath, which means it doesn't read as pure heat the way Atomic Orange does. It's noticeably lighter and brighter than Cheddar, but it resists the clinical punch that Cheese Please throws. This is the one that actually feels warm without requiring perfect contrast or babying in your layout.
Reach for it in food apps, restaurant ordering, and travel interfaces where you need motion without fatigue. Secondary buttons that still need to feel actionable, badge systems, product category highlights. It survives smaller scales better than Burning Trail while staying friendlier and more approachable than Atomic Orange's controlled restraint. Pair it with charcoal type and it locks in immediately, reads clean on both light and mid-tone backgrounds.
The trick: it's lighter enough to use repeatedly without the visual heaviness of its darker neighbors, but saturated enough that it doesn't fade into decorative territory. Test it live on your actual screens, it shifts less than Burning Trail across different monitor temperatures, making it the more forgiving choice for production work.
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.