Dark Orange
#c65102
Richer, balanced orange with a darker terracotta pull
About Dark Orange
Dark Orange always reminds me of a terracotta mug that's been warmed in sunlight, then set aside and left to deepen. It's more deep and earthy than Fox, so it doesn't read as crisp attention grabbing. Compared to Bloody Salmon, it drops the pink-leaning blushed feel and turns toward a steadier, grounded orange. And relative to Bolognese, it stays cleaner and less tomato-rust, with less of that brick-dust haze.
Use it when you want orange presence without the "alert" vibe. It's great for status chips, invoice and order workflows, and hierarchy accents in retail admin where you need warmth to guide, not shout. In product galleries and dashboard tiles, it gives headlines a bold-but-serious weight, especially over cream or soft stone backgrounds.
Quick heads-up: on very light grays it can feel slightly heavier than you expect, so test it beside brighter oranges to keep your callouts from blending into the overall warmth.
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.