Color Code Palette

Appearance

50+ Shades of Orange ​

Explore 50+ shades of orange including Orange (#FFA500), Tangerine (#F28500), Coral (#FF7F50), Pumpkin (#FF7518), Burnt Orange (#CC5500), and more. Complete collection with hex codes and RGB values for designers, developers, and creatives.

different shades of orange

Complete List of Shades of Orange ​

Explore our categorized collection of 50+ shades of orange. Click any color to view its hex code, RGB values, and detailed information about each unique shade of orange.

Bright Orange ​

Copy HEX
Orange →
HEX#FFA500
RGBrgb(255, 165, 0)
Copy HEX
Tangerine →
HEX#F28500
RGBrgb(242, 133, 0)
Copy HEX
Pumpkin →
HEX#FF7518
RGBrgb(255, 117, 24)
Copy HEX
Mango →
HEX#FFA62B
RGBrgb(255,166,43)
Copy HEX
Marigold →
HEX#FCB810
RGBrgb(252,184,16)
Copy HEX
Gamboge →
HEX#E49B0F
RGBrgb(228, 155, 15)
Copy HEX
Tiger Orange →
HEX#F96815
RGBrgb(249,104,21)
Copy HEX
Carrot Orange →
HEX#ED9121
RGBrgb(237, 145, 33)
Copy HEX
Cadmium Orange →
HEX#ED872D
RGBrgb(237, 135, 45)
Copy HEX
Clementine →
HEX#EB6E00
RGBrgb(235,110,0)
Copy HEX
UT Orange →
HEX#FF8200
RGBrgb(255, 130, 0)
Copy HEX
Fluorescent Orange →
HEX#FF8C00
RGBrgb(255, 140, 0)
Copy HEX
Neon Coral →
HEX#FF6F61
RGBrgb(255, 111, 97)
Copy HEX
Mandarin Orange →
HEX#F7860B
RGBrgb(247,134,11)

Dark & Deep Orange ​

Copy HEX
Dark Orange →
HEX#FF8C00
RGBrgb(255, 140, 0)
Copy HEX
Burnt Orange →
HEX#CC5500
RGBrgb(204, 85, 0)
Copy HEX
Persimmon →
HEX#EC5800
RGBrgb(236, 88, 0)
Copy HEX
Syracuse Orange →
HEX#D44500
RGBrgb(212, 69, 0)
Copy HEX
Auburn →
HEX#DD550C
RGBrgb(221,85,12)
Copy HEX
Ginger →
HEX#B06500
RGBrgb(176, 101, 0)
Copy HEX
Rust →
HEX#B7410E
RGBrgb(183, 65, 14)
Copy HEX
Dark Bronze →
HEX#804A00
RGBrgb(128,74,0)
Copy HEX
Ochre →
HEX#CC7722
RGBrgb(204, 119, 34)
Copy HEX
Cinnamon →
HEX#D2691E
RGBrgb(210,105,30)
Copy HEX
Dark Amber →
HEX#D4B000
RGBrgb(212,176,0)

Light & Pale Orange ​

Copy HEX
Light Orange →
HEX#FFD580
RGBrgb(255,213,128)
Copy HEX
Apricot →
HEX#FBCEB1
RGBrgb(251, 206, 177)
Copy HEX
Peach Puff →
HEX#FFDAB9
RGBrgb(255, 218, 185)
Copy HEX
Papaya Whip →
HEX#FFEFD5
RGBrgb(255, 239, 213)
Copy HEX
Cantaloupe →
HEX#FFA474
RGBrgb(255,164,116)
Copy HEX
Pastel Orange →
HEX#FFD1A9
RGBrgb(255,209,169)
Copy HEX
Desert Sand →
HEX#EDC9AF
RGBrgb(237, 201, 175)
Copy HEX
Sandy Brown →
HEX#F4A460
RGBrgb(244, 164, 96)
Copy HEX
Tan →
HEX#D2B48C
RGBrgb(210, 180, 140)
Copy HEX
Warm Gold →
HEX#E6BE8A
RGBrgb(230,190,138)
Copy HEX
Light Amber →
HEX#FFE7B0
RGBrgb(255,231,176)

Reddish Orange ​

Copy HEX
Orange Red →
HEX#FF4500
RGBrgb(255, 69, 0)
Copy HEX
Red Orange →
HEX#FF5349
RGBrgb(255, 83, 73)
Copy HEX
International Orange →
HEX#FF4F00
RGBrgb(255, 79, 0)
Copy HEX
Safety/Hunter/Blaze Orange →
HEX#FF6700
RGBrgb(255, 103, 0)
Copy HEX
Construction Orange →
HEX#FF7900
RGBrgb(255,121,0)
Copy HEX
Sunset Orange →
HEX#FD5E53
RGBrgb(253, 94, 83)
Copy HEX
Neon Orange →
HEX#FF5F1F
RGBrgb(255, 95, 31)
Copy HEX
Coral →
HEX#FF7F50
RGBrgb(255, 127, 80)
Copy HEX
Bittersweet →
HEX#FE6F5E
RGBrgb(254, 111, 94)
Copy HEX
Burnt Sienna →
HEX#E97451
RGBrgb(233, 116, 81)

Earthy & Metallic Orange ​

Copy HEX
Amber →
HEX#FFBF00
RGBrgb(255,191,0)
Copy HEX
Terra Cotta →
HEX#E2725B
RGBrgb(226, 114, 91)
Copy HEX
Copper →
HEX#B87333
RGBrgb(184, 115, 51)
Copy HEX
Bronze →
HEX#CD7F32
RGBrgb(205, 127, 50)
Copy HEX
Rust →
HEX#B7410E
RGBrgb(183, 65, 14)
Copy HEX
Ochre →
HEX#CC7722
RGBrgb(204, 119, 34)
Copy HEX
Auburn →
HEX#DD550C
RGBrgb(221,85,12)
Copy HEX
Ginger →
HEX#B06500
RGBrgb(176, 101, 0)

Salmon & Pinkish Orange ​

Copy HEX
Salmon →
HEX#FA8072
RGBrgb(250, 128, 114)
Copy HEX
Dark Salmon →
HEX#E9967A
RGBrgb(233, 150, 122)
Copy HEX
Light Salmon →
HEX#FFA07A
RGBrgb(255, 160, 122)
Copy HEX
Coral →
HEX#FF7F50
RGBrgb(255, 127, 80)
Copy HEX
Bittersweet →
HEX#FE6F5E
RGBrgb(254, 111, 94)
Copy HEX
Cantaloupe →
HEX#FFA474
RGBrgb(255,164,116)

Generate Different Shades of Orange ​

Create custom shades of orange with our color generator. Adjust hues, tints, and tones to find the perfect shade of orange for your project.

🎨

Shades (Adding Black)

  • 3B82F6
    rgb(59, 130, 246)
  • 376BC8
    rgb(55, 107, 200)
  • 31559D
    rgb(49, 85, 157)
  • 294073
    rgb(41, 64, 115)
  • 202C4C
    rgb(32, 44, 76)
  • 151928
    rgb(21, 25, 40)
  • 000000
    rgb(0, 0, 0)

Tints (Adding White)

  • 3B82F6
    rgb(59, 130, 246)
  • 6D95F8
    rgb(109, 149, 248)
  • 91A9FA
    rgb(145, 169, 250)
  • AFBEFC
    rgb(175, 190, 252)
  • CBD3FD
    rgb(203, 211, 253)
  • E5E9FE
    rgb(229, 233, 254)
  • FFFFFF
    rgb(255, 255, 255)

Tones (Adding Gray)

  • 3B82F6
    rgb(59, 130, 246)
  • 5082E9
    rgb(80, 130, 233)
  • 6182D7
    rgb(97, 130, 215)
  • 6F83C4
    rgb(111, 131, 196)
  • 7983B0
    rgb(121, 131, 176)
  • 80849B
    rgb(128, 132, 155)
  • 808080
    rgb(128, 128, 128)

Convert Orange Shades Between Formats ​

Convert any shade of orange between HEX, RGB, CMYK, HSL, and other color formats. Essential for designers working with different shades of orange.

🎨

All Formats:

  • HEX:
    #ECB12E
  • RGB:
    rgb(236, 177, 46)
  • CMYK:
    cmyk(0%, 25%, 81%, 7%)
  • HSV:
    hsv(41°, 81%, 93%)
  • HSL:
    hsl(41°, 83%, 55%)