Orange color palettes

Orange is warmth at full volume, friendly and energetic without red's urgency. These orange color palettes move from soft apricot to saturated clementine.

24 curated palettes · Click any color to copy its hex code

Extract a palette from your own image

Clementine

#f5ccadrgb(245, 204, 173)Values, shades & harmoniesOpen Open palette in generator→

#ea9453rgb(234, 148, 83)Values, shades & harmoniesOpen Open palette in generator→

#d9a426rgb(217, 164, 38)Values, shades & harmoniesOpen Open palette in generator→

#a6a326rgb(166, 163, 38)Values, shades & harmoniesOpen Open palette in generator→

#646217rgb(100, 98, 23)Values, shades & harmoniesOpen Open palette in generator→

Amber

#f5ccadrgb(245, 204, 173)Values, shades & harmoniesOpen Open palette in generator→

#ea9453rgb(234, 148, 83)Values, shades & harmoniesOpen Open palette in generator→

#d99026rgb(217, 144, 38)Values, shades & harmoniesOpen Open palette in generator→

#a68726rgb(166, 135, 38)Values, shades & harmoniesOpen Open palette in generator→

#645117rgb(100, 81, 23)Values, shades & harmoniesOpen Open palette in generator→

Marigold

#f7ddcargb(247, 221, 202)Values, shades & harmoniesOpen Open palette in generator→

#e9a472rgb(233, 164, 114)Values, shades & harmoniesOpen Open palette in generator→

#dc7023rgb(220, 112, 35)Values, shades & harmoniesOpen Open palette in generator→

#964c18rgb(150, 76, 24)Values, shades & harmoniesOpen Open palette in generator→

#4f280drgb(79, 40, 13)Values, shades & harmoniesOpen Open palette in generator→

Apricot

#f9dac8rgb(249, 218, 200)Values, shades & harmoniesOpen Open palette in generator→

#ef9c6crgb(239, 156, 108)Values, shades & harmoniesOpen Open palette in generator→

#e5641argb(229, 100, 26)Values, shades & harmoniesOpen Open palette in generator→

#9c4411rgb(156, 68, 17)Values, shades & harmoniesOpen Open palette in generator→

#532409rgb(83, 36, 9)Values, shades & harmoniesOpen Open palette in generator→

Terracotta

#f6d8cargb(246, 216, 202)Values, shades & harmoniesOpen Open palette in generator→

#e89873rgb(232, 152, 115)Values, shades & harmoniesOpen Open palette in generator→

#db5f24rgb(219, 95, 36)Values, shades & harmoniesOpen Open palette in generator→

#954018rgb(149, 64, 24)Values, shades & harmoniesOpen Open palette in generator→

#4f220drgb(79, 34, 13)Values, shades & harmoniesOpen Open palette in generator→

Saffron

#f5ccadrgb(245, 204, 173)Values, shades & harmoniesOpen Open palette in generator→

#ea9453rgb(234, 148, 83)Values, shades & harmoniesOpen Open palette in generator→

#d9a926rgb(217, 169, 38)Values, shades & harmoniesOpen Open palette in generator→

#a2a626rgb(162, 166, 38)Values, shades & harmoniesOpen Open palette in generator→

#616417rgb(97, 100, 23)Values, shades & harmoniesOpen Open palette in generator→

Persimmon

#f5ccadrgb(245, 204, 173)Values, shades & harmoniesOpen Open palette in generator→

#ea9453rgb(234, 148, 83)Values, shades & harmoniesOpen Open palette in generator→

#d9a226rgb(217, 162, 38)Values, shades & harmoniesOpen Open palette in generator→

#a6a026rgb(166, 160, 38)Values, shades & harmoniesOpen Open palette in generator→

#646017rgb(100, 96, 23)Values, shades & harmoniesOpen Open palette in generator→

Copper

#f7dbcargb(247, 219, 202)Values, shades & harmoniesOpen Open palette in generator→

#e9a072rgb(233, 160, 114)Values, shades & harmoniesOpen Open palette in generator→

#dd6a22rgb(221, 106, 34)Values, shades & harmoniesOpen Open palette in generator→

#964817rgb(150, 72, 23)Values, shades & harmoniesOpen Open palette in generator→

#4f260crgb(79, 38, 12)Values, shades & harmoniesOpen Open palette in generator→

Papaya

#fad8c7rgb(250, 216, 199)Values, shades & harmoniesOpen Open palette in generator→

#f1966argb(241, 150, 106)Values, shades & harmoniesOpen Open palette in generator→

#e95a16rgb(233, 90, 22)Values, shades & harmoniesOpen Open palette in generator→

#9e3e0frgb(158, 62, 15)Values, shades & harmoniesOpen Open palette in generator→

#542108rgb(84, 33, 8)Values, shades & harmoniesOpen Open palette in generator→

Cider

#f5ccadrgb(245, 204, 173)Values, shades & harmoniesOpen Open palette in generator→

#ea9453rgb(234, 148, 83)Values, shades & harmoniesOpen Open palette in generator→

#d9a626rgb(217, 166, 38)Values, shades & harmoniesOpen Open palette in generator→

#a6a626rgb(166, 166, 38)Values, shades & harmoniesOpen Open palette in generator→

#646317rgb(100, 99, 23)Values, shades & harmoniesOpen Open palette in generator→

Canyon

#f0eae5rgb(240, 234, 229)Values, shades & harmoniesOpen Open palette in generator→

#d9b396rgb(217, 179, 150)Values, shades & harmoniesOpen Open palette in generator→

#e3721crgb(227, 114, 28)Values, shades & harmoniesOpen Open palette in generator→

#884511rgb(136, 69, 17)Values, shades & harmoniesOpen Open palette in generator→

#4786d1rgb(71, 134, 209)Values, shades & harmoniesOpen Open palette in generator→

Zest

#f0eae5rgb(240, 234, 229)Values, shades & harmoniesOpen Open palette in generator→

#d9b396rgb(217, 179, 150)Values, shades & harmoniesOpen Open palette in generator→

#e3721crgb(227, 114, 28)Values, shades & harmoniesOpen Open palette in generator→

#884511rgb(136, 69, 17)Values, shades & harmoniesOpen Open palette in generator→

#4792d1rgb(71, 146, 209)Values, shades & harmoniesOpen Open palette in generator→

Deep clementine

#f5ccadrgb(245, 204, 173)Values, shades & harmoniesOpen Open palette in generator→

#ea9453rgb(234, 148, 83)Values, shades & harmoniesOpen Open palette in generator→

#d99726rgb(217, 151, 38)Values, shades & harmoniesOpen Open palette in generator→

#a69126rgb(166, 145, 38)Values, shades & harmoniesOpen Open palette in generator→

#645717rgb(100, 87, 23)Values, shades & harmoniesOpen Open palette in generator→

Pale amber

#f8dfc8rgb(248, 223, 200)Values, shades & harmoniesOpen Open palette in generator→

#edaa6drgb(237, 170, 109)Values, shades & harmoniesOpen Open palette in generator→

#e37a1crgb(227, 122, 28)Values, shades & harmoniesOpen Open palette in generator→

#9b5313rgb(155, 83, 19)Values, shades & harmoniesOpen Open palette in generator→

#522c0argb(82, 44, 10)Values, shades & harmoniesOpen Open palette in generator→

Soft marigold

#f0eae5rgb(240, 234, 229)Values, shades & harmoniesOpen Open palette in generator→

#d9b396rgb(217, 179, 150)Values, shades & harmoniesOpen Open palette in generator→

#e3721crgb(227, 114, 28)Values, shades & harmoniesOpen Open palette in generator→

#884511rgb(136, 69, 17)Values, shades & harmoniesOpen Open palette in generator→

#47bcd1rgb(71, 188, 209)Values, shades & harmoniesOpen Open palette in generator→

Bold apricot

#f6e3cargb(246, 227, 202)Values, shades & harmoniesOpen Open palette in generator→

#e8b473rgb(232, 180, 115)Values, shades & harmoniesOpen Open palette in generator→

#db8924rgb(219, 137, 36)Values, shades & harmoniesOpen Open palette in generator→

#955d19rgb(149, 93, 25)Values, shades & harmoniesOpen Open palette in generator→

#4f310drgb(79, 49, 13)Values, shades & harmoniesOpen Open palette in generator→

Quiet terracotta

#f0eae5rgb(240, 234, 229)Values, shades & harmoniesOpen Open palette in generator→

#d9b396rgb(217, 179, 150)Values, shades & harmoniesOpen Open palette in generator→

#e3721crgb(227, 114, 28)Values, shades & harmoniesOpen Open palette in generator→

#884511rgb(136, 69, 17)Values, shades & harmoniesOpen Open palette in generator→

#47cdd1rgb(71, 205, 209)Values, shades & harmoniesOpen Open palette in generator→

Faded saffron

#f7ddcargb(247, 221, 202)Values, shades & harmoniesOpen Open palette in generator→

#e9a572rgb(233, 165, 114)Values, shades & harmoniesOpen Open palette in generator→

#dc7223rgb(220, 114, 35)Values, shades & harmoniesOpen Open palette in generator→

#964d18rgb(150, 77, 24)Values, shades & harmoniesOpen Open palette in generator→

#4f290drgb(79, 41, 13)Values, shades & harmoniesOpen Open palette in generator→

Vivid persimmon

#f0eae5rgb(240, 234, 229)Values, shades & harmoniesOpen Open palette in generator→

#d9b396rgb(217, 179, 150)Values, shades & harmoniesOpen Open palette in generator→

#e3721crgb(227, 114, 28)Values, shades & harmoniesOpen Open palette in generator→

#884511rgb(136, 69, 17)Values, shades & harmoniesOpen Open palette in generator→

#47aed1rgb(71, 174, 209)Values, shades & harmoniesOpen Open palette in generator→

Smoky copper

#f0eae5rgb(240, 234, 229)Values, shades & harmoniesOpen Open palette in generator→

#d9b396rgb(217, 179, 150)Values, shades & harmoniesOpen Open palette in generator→

#e3721crgb(227, 114, 28)Values, shades & harmoniesOpen Open palette in generator→

#884511rgb(136, 69, 17)Values, shades & harmoniesOpen Open palette in generator→

#4796d1rgb(71, 150, 209)Values, shades & harmoniesOpen Open palette in generator→

Clear papaya

#f5ccadrgb(245, 204, 173)Values, shades & harmoniesOpen Open palette in generator→

#ea9453rgb(234, 148, 83)Values, shades & harmoniesOpen Open palette in generator→

#d9ae26rgb(217, 174, 38)Values, shades & harmoniesOpen Open palette in generator→

#9ba626rgb(155, 166, 38)Values, shades & harmoniesOpen Open palette in generator→

#5d6417rgb(93, 100, 23)Values, shades & harmoniesOpen Open palette in generator→

Dusky cider

#f0eae5rgb(240, 234, 229)Values, shades & harmoniesOpen Open palette in generator→

#d9b396rgb(217, 179, 150)Values, shades & harmoniesOpen Open palette in generator→

#e3721crgb(227, 114, 28)Values, shades & harmoniesOpen Open palette in generator→

#884511rgb(136, 69, 17)Values, shades & harmoniesOpen Open palette in generator→

#47add1rgb(71, 173, 209)Values, shades & harmoniesOpen Open palette in generator→

Warm canyon

#f5ccadrgb(245, 204, 173)Values, shades & harmoniesOpen Open palette in generator→

#ea9453rgb(234, 148, 83)Values, shades & harmoniesOpen Open palette in generator→

#d9af26rgb(217, 175, 38)Values, shades & harmoniesOpen Open palette in generator→

#9aa626rgb(154, 166, 38)Values, shades & harmoniesOpen Open palette in generator→

#5c6417rgb(92, 100, 23)Values, shades & harmoniesOpen Open palette in generator→

Cool zest

#f8e3c8rgb(248, 227, 200)Values, shades & harmoniesOpen Open palette in generator→

#eeb56drgb(238, 181, 109)Values, shades & harmoniesOpen Open palette in generator→

#e48c1brgb(228, 140, 27)Values, shades & harmoniesOpen Open palette in generator→

#9b5f12rgb(155, 95, 18)Values, shades & harmoniesOpen Open palette in generator→

#52320argb(82, 50, 10)Values, shades & harmoniesOpen Open palette in generator→

Frequently asked questions

Orange pairs with blue, its complement, plus warm browns, cream, and charcoal.

Orange carries its own psychology in branding and design, and the palettes on this page show its range from light to dark. Use the lighter schemes for backgrounds and airy layouts, and the deeper ones for identity work that needs weight.

A strong example from this page is Clementine: #f5ccad, #ea9453, #d9a426, #a6a326, #646217. It works immediately for layouts, and you can open it in the generator to get RGB, HSL, CMYK, and Pantone values.