
Figma color wheel
Want to find the perfect complementary or analogous colors to match burnt orange?
Skip to main content
Everything you need to know about burnt orange to inspire your next design.
Burnt orange is a deep, warm shade that combines the vibrancy of orange with a subtle infusion of brown, giving it a rich, earthy quality. It's positioned in the red-orange side of the color wheel, exuding a sense of energy and enthusiasm while maintaining a cozy and inviting feel.

Shades
Tints
Tones
Hues
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Pumpkin Spice Season
Pottery Studio
Aztec Sun
Burnt orange is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines.
Here are some ways to use burnt orange in your designs:
Keep in mind that color and its meaning can change from culture to culture—and at any given time. If you are designing for a global audience, research color considerations for your specific regions.
For variations within the same warm spectrum as burnt orange, consider:
To complement burnt orange, consider pairing it with:
Other colors worth considering include navy blue for a touch of formality, muted greens like sage to create an earthy feel, and charcoal gray for a cool contrast that grounds the warmth of burnt orange.
While burnt orange is warm and rich, it may clash with:
Burnt orange symbolizes warmth, energy, and the cozy ambiance of autumn. Its closeness to orange brings a burst of vibrancy, while the hint of brown adds an earthy depth. Depending on the shade, burnt orange’'s brown influences can symbolize strength and determination.
Burnt orange evokes a sense of security and relaxation, similar to a crackling fireplace. The vibrancy of the orange undertones can also promote creativity and social interaction.
In design, burnt orange’s versatility makes it a popular choice in various design applications. Its richness can evoke warmth and encourage user interaction. When paired with cool blues and grays, it creates a balanced and inviting user experience.
While the term “burnt orange” was coined later, the color, naturally found in clay and ochre, has been used for millennia in art forms like cave paintings and pottery. This rich, earthy hue has been a staple in art throughout history, including during the Renaissance and impressionist periods.
The specific term "burnt orange" was officially recognized in English around 1915. The color gained significant branding appeal when the University of Texas adopted it as the official color for their Longhorns football team in 1966, even trademarking it to solidify the team's visual identity.
Burnt orange was a prevalent color in the 1970s, frequently appearing in fashion and interior design. While brighter orange shades became more popular in the 1980s, burnt orange made a comeback in 2019, when Etsy named it a top trending color.
Contrast 4.81
#BE5103
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Contrast 4.37
#BE5103
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Pass | Fail | |
Pass | Fail |
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #BE5103, known as burnt orange, has RGB values of R:190 G:81, B:3 and CMYK values of C:0, M:57, Y:98, K:25.
| VALUE | CSS | |
|---|---|---|
| HEX | BE5103 | #BE5103 |
| RGB DECIMAL | 190, 81, 3 | RGB(190,81,3) |
| RGB PERCENTAGE | 74.5, 31.8, 1.2 | RGB(74.5%,31.8%,1.2%) |
| CMYK | 0, 57, 98, 25 | |
| HSL | 25°, 96.9, 37.8 | HSL(25,96.9%,37.8%) |
| HSV (OR HSB) | 25°, 98.4, 74.5 | |
| WEB SAFE | CC6600 | #CC6600 |
| CIE-LAB | 48.059, 40.766, 57.131 | |
| XYZ | 24.195, 16.841, 2.063 | |
| xyY | 0.561, 0.391, 16.841 | |
| CIE-LCH | 48.059, 70.184, 54.49 | |
| CIE-LUV | 48.059, 90.055, 42.014 | |
| HUNTER-LAB | 41.038, 33.424, 25.746 | |
| BINARY | 10111110, 01010001, 00000011 | |
| iOS - SwiftUI | Color(red: 0.745, green: 0.318, blue: 0.012) | |
| iOS - UIKit | UIColor(red: 0.745, green: 0.318, blue: 0.012, alpha: 1) | |
| Android - Compose | Color(0xBE5103) |

Want to find the perfect complementary or analogous colors to match burnt orange?

Harness the earthy appeal of dark orange.

dEmbrace the bold intensity of red-orange.