Burnt Orange

Burnt Orange is a warm, medium-dark shade of orange, distinguished by its strong brown or reddish undertones.

It’s a sophisticated, earthy color that feels less saturated than a pure orange, sitting comfortably between a bright tangerine and a deep terracotta.

Burnt Orange evokes a sense of warmth, comfort, and earthy stability. It is often associated with the coziness of autumn, suggesting change, nostalgia, and a touch of rustic charm.

Psychologically, it's a confident and sociable color that can stimulate conversation and creativity. It carries a feeling of passion and adventure, but with a more grounded and approachable energy than brighter oranges.

To make Burnt Orange work in your design, consider its high energy. It excels as an accent color for calls-to-action, icons, or highlights, drawing immediate attention. For a balanced palette, pair it with cool neutrals like charcoal gray or deep navy blue; this contrast makes the #CC4200 pop without overwhelming the user. For a more adventurous, analogous scheme, try pairing it with earthy reds and muted yellows.

While not a dominant color in the tech world, some brands like Strava and 15Five have successfully incorporated similar warm, earthy oranges. Its relative rarity presents a clear opportunity for a brand to build a distinct visual identity that feels both grounded and energetic, standing apart from the sea of blues and greens.

To see these principles in action, use the tools below. You can explore curated palettes, test your color combinations for accessibility, and preview how Burnt Orange looks in the actual UI components of leading apps.

Using Burnt Orange in your projects starts with its hex code, #CC4200. This code is a direct instruction for any digital screen to display the specific shade you want, making it the most common format for web-based work.

While hex is standard for the web, you'll often need to translate #CC4200 into other color models. For instance, RGB (Red, Green, Blue) values are fundamental for digital displays, defining a color by the intensity of its light components. For print work, you'll need the CMYK (Cyan, Magenta, Yellow, Key/Black) values, which correspond to ink percentages.

To make things easy, we've converted #CC4200 into a range of popular formats. You can find and copy the exact values you need for your project below.