Carrot
#fd6f3b
Lighter, clean orange with carrot warmth
About Carrot
Carrot is lighter than everything around it. Not softer, not less saturated, just visibly brighter, the kind of orange that sits higher on the value scale without losing any punch. It's got the warmth of Bonfire and the presence of Burning Orange, but it doesn't need dark backgrounds to work. That's the actual difference.
You'll land it in product interfaces where brightness matters, e-commerce listings, food delivery apps, wellness dashboards, anywhere you need orange to feel energetic without reading as a warning. It works as a primary accent, as secondary CTAs that don't fight the hierarchy, in onboarding flows where you want friendly momentum. Unlike Coral's mineral restraint, it's got more saturation and forward push. Unlike Burning Orange's intensity, it doesn't demand all the contrast in the room to feel present.
Pair it with light neutrals and it actually breathes. Mid-tone grays won't flatten it the way they would Coral. The brightness gives you options that the darker oranges don't have, you can use this one on slightly warm backgrounds without it disappearing.
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.