18 named orange shades with hex codes — click any swatch to copy.
Enter any hex code to find the nearest named orange shade.
Orange is the color of warmth, energy, and creativity. It's the bridge between red's passion and yellow's optimism. Light peaches and apricots work in soft, approachable designs; vivid oranges pop for calls-to-action and sports branding; burnt and rust tones bring earthy, autumnal richness.
Papaya Whip
#FFEFD5
Moccasin
#FFE4B5
Peach Puff
#FFDAB9
Peach
#FFCBA4
Apricot
#FBCEB1
Light Salmon
#FFA07A
Sandy Brown
#F4A460
Tangerine
#F28500
Orange
#FFA500
Amber
#FFBF00
Dark Orange
#FF8C00
Pumpkin
#FF7518
Coral
#FF7F50
Tomato
#FF6347
Persimmon
#EC5800
Terracotta
#E2725B
Burnt Orange
#CC5500
Rust
#B7410E
Pale orange shades make excellent backgrounds, hover states, and subtle accents. They keep designs airy without losing the hue's personality.
The middle of the orange spectrum is where most UI elements live — buttons, icons, links, and borders. These shades are vivid enough to pop without overwhelming.
Deep orange shades work for text on light backgrounds, dark mode surfaces, and dramatic hero sections. They're rich and authoritative.
Pick one orange shade as your primary, one light variant for backgrounds, and one dark variant for depth. Add a neutral gray for balance.