The orange on this page is #FFA500, CSS's named color orange. It's more yellow than the orange many people picture (the fruit, or a traffic cone). If you're after something redder, compare it with darkorange (#FF8C00) or with coral, which leans pink.
Meaning and perception
Sitting between red and yellow, orange borrows the energy of one and the lightness of the other. It's associated with enthusiasm, creativity, warmth and informality, and also with caution: high-visibility vests, life buoys and traffic cones use orange because it stands out against almost any landscape. In the US it's also the color of Halloween and fall harvest. Other cultures read it religiously (saffron robes in Hinduism and Buddhism) or politically. Like any color, orange has no fixed meaning.
Where orange works
- Calls to action: buy and sign-up buttons, as long as the rest of the interface is more neutral. Orange grabs attention without red's "error" baggage.
- Young, service-driven brands: food delivery, sports, education and entertainment often lean on it for a friendly feel.
- Interiors: on cushions, ceramics and armchairs it warms up gray or white rooms. For walls, terracotta is the easier version to live with.
- Fashion: burnt orange and rust are more versatile in the fall; bright orange is a summer statement piece.
How to pair it
The strongest pairing is with navy blue (#000080), since blue and orange are complements on the traditional wheel. For something more tropical, try teal (#008080) or turquoise (#40E0D0). In earthy palettes, orange gets along with brown (#8B4513) and gets room to breathe on off-white (#FAF9F6). The color harmony guide shows how to reach these pairs.
Tip: orange in light and dark mode
With white text, #FFA500 reaches only 1.97:1; with black text, it hits 10.6:1. In other words, an orange button wants dark text. If your brand insists on white text, darken the orange to something like #B35C00, which lands near 4.7:1. Dark mode flips the problem: the original #FFA500 works beautifully as an accent on near-black backgrounds with no adjustment at all.