What Color Does Brown and Orange Make?
Brown and orange mixed make dark orange. A 50/50 mix gives #C8720A.
Color 1
#8B4513
Color 2
#FFA500
Mixed Result
HEX: #D5800C
RGB: 213, 128, 12
Closest name: Orange
Brown + Orange = Orange
Want more mixes? Explore the full Color Mixing Simulator.
Quick answer
Brown + Orange = Dark orange (#C8720A)
Swatch shows the headline mix color—compare with the ratio table and adjust live in the simulator.
Why this mix looks the way it does
Brown (#8B4513) is a low-chroma orange-red; adding pure orange (#FFA500) raises warmth and saturation toward rust, copper, and dark orange. At equal parts, #C8720A reads as burnt orange—common for autumn campaigns, craft food packaging, and leather-inspired UI. Dominating with brown keeps earth tones; dominating with orange pushes toward pumpkin and safety orange. Document whether your brand means “rust” or “pumpkin” so implementation tokens stay consistent across web and print.
Five mix ratios (hex previews)
Ratios describe how much of each primary contributes to the blend; hex values are reference stops for design tokens and mood boards.
| Mix | Name | Swatch | Hex | Copy |
|---|---|---|---|---|
| 80% brown + 20% orange | Deep umber | #A06818 | ||
| 60% brown + 40% orange | Rust brown | #B06C10 | ||
| 50% brown + 50% orange | Dark orange | #C8720A | ||
| 40% brown + 60% orange | Burnt orange | #D87808 | ||
| 20% brown + 80% orange | Pumpkin | #E87E06 |
Using this combination in UI and brand design
Dark orange accents suit fall promos, food delivery, and artisan brands. Use brown-heavy rows for borders and orange-heavy rows for CTA fills after contrast checks. Generate warm ramps in the palette generator and validate white-on-orange buttons in the contrast checker before launch.
Build harmonious ramps and harmonies from any swatch above in the palette generator, then validate text, links, and buttons with the contrast checker.