Mahogany
#c04000
Deep mahogany orange for weighty, high-contrast accents
About Mahogany
Mahogany reads like the interior of a worn wooden drawer: cocoa-tinged, rich, and a little slower than the brighter oranges around it. It has a brown warmth that softens the edge of orange, so it doesn't flare like a fresh rust tone. Compared to Copper Hopper, it's less kiln-dried and more plush, with a warmer undertone that feels human instead of aged-in-place.
I use it for pricing tiers in SaaS dashboards when the accent needs weight without sounding loud, and for product UI in manufacturing and logistics where you want "in progress" or "complete" to feel settled, not urgent. It also works well for gallery-grade product cards and craft-beverage labels when you're choosing between orange and burnt red and want the orange to stay grounded. If you're choosing between it and Bolognese, Mahogany is quieter and less saturated, more wood-stain than tomato-brick.
Pair it with cream, bone white, or cool gray text blocks so the warmth shows up clean. Against very light browns it can blur, so keep some contrast in the layout rhythm.
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.