Yellow color palettes

Yellow is the brightest hue in the spectrum and the hardest to balance, so these palettes do the work for you. Honey, mustard, and butter tones with grounding companions.

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

Extract a palette from your own image

Lemon

#f7e8abrgb(247, 232, 171)Values, shades & harmoniesOpen Open palette in generator→

#eece4frgb(238, 206, 79)Values, shades & harmoniesOpen Open palette in generator→

#d9de21rgb(217, 222, 33)Values, shades & harmoniesOpen Open palette in generator→

#89aa22rgb(137, 170, 34)Values, shades & harmoniesOpen Open palette in generator→

#526614rgb(82, 102, 20)Values, shades & harmoniesOpen Open palette in generator→

Honey

#f0eee5rgb(240, 238, 229)Values, shades & harmoniesOpen Open palette in generator→

#dbcd94rgb(219, 205, 148)Values, shades & harmoniesOpen Open palette in generator→

#e8be17rgb(232, 190, 23)Values, shades & harmoniesOpen Open palette in generator→

#8b720ergb(139, 114, 14)Values, shades & harmoniesOpen Open palette in generator→

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

Mustard

#f0eee5rgb(240, 238, 229)Values, shades & harmoniesOpen Open palette in generator→

#dbcd94rgb(219, 205, 148)Values, shades & harmoniesOpen Open palette in generator→

#e8be17rgb(232, 190, 23)Values, shades & harmoniesOpen Open palette in generator→

#8b720ergb(139, 114, 14)Values, shades & harmoniesOpen Open palette in generator→

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

Butter

#f7e8abrgb(247, 232, 171)Values, shades & harmoniesOpen Open palette in generator→

#eece4frgb(238, 206, 79)Values, shades & harmoniesOpen Open palette in generator→

#cade21rgb(202, 222, 33)Values, shades & harmoniesOpen Open palette in generator→

#73aa22rgb(115, 170, 34)Values, shades & harmoniesOpen Open palette in generator→

#456614rgb(69, 102, 20)Values, shades & harmoniesOpen Open palette in generator→

Canary

#f0eee5rgb(240, 238, 229)Values, shades & harmoniesOpen Open palette in generator→

#dbcd94rgb(219, 205, 148)Values, shades & harmoniesOpen Open palette in generator→

#e8be17rgb(232, 190, 23)Values, shades & harmoniesOpen Open palette in generator→

#8b720ergb(139, 114, 14)Values, shades & harmoniesOpen Open palette in generator→

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

Straw

#fbe9c6rgb(251, 233, 198)Values, shades & harmoniesOpen Open palette in generator→

#f5c566rgb(245, 197, 102)Values, shades & harmoniesOpen Open palette in generator→

#f0a50frgb(240, 165, 15)Values, shades & harmoniesOpen Open palette in generator→

#a3700argb(163, 112, 10)Values, shades & harmoniesOpen Open palette in generator→

#563b06rgb(86, 59, 6)Values, shades & harmoniesOpen Open palette in generator→

Sunbeam

#f7e8abrgb(247, 232, 171)Values, shades & harmoniesOpen Open palette in generator→

#eece4frgb(238, 206, 79)Values, shades & harmoniesOpen Open palette in generator→

#ded721rgb(222, 215, 33)Values, shades & harmoniesOpen Open palette in generator→

#98aa22rgb(152, 170, 34)Values, shades & harmoniesOpen Open palette in generator→

#5b6614rgb(91, 102, 20)Values, shades & harmoniesOpen Open palette in generator→

Ochre

#f7e8abrgb(247, 232, 171)Values, shades & harmoniesOpen Open palette in generator→

#eece4frgb(238, 206, 79)Values, shades & harmoniesOpen Open palette in generator→

#dcde21rgb(220, 222, 33)Values, shades & harmoniesOpen Open palette in generator→

#8daa22rgb(141, 170, 34)Values, shades & harmoniesOpen Open palette in generator→

#546614rgb(84, 102, 20)Values, shades & harmoniesOpen Open palette in generator→

Daffodil

#f7e8abrgb(247, 232, 171)Values, shades & harmoniesOpen Open palette in generator→

#eece4frgb(238, 206, 79)Values, shades & harmoniesOpen Open palette in generator→

#c7de21rgb(199, 222, 33)Values, shades & harmoniesOpen Open palette in generator→

#6eaa22rgb(110, 170, 34)Values, shades & harmoniesOpen Open palette in generator→

#426614rgb(66, 102, 20)Values, shades & harmoniesOpen Open palette in generator→

Cornsilk

#f7e8abrgb(247, 232, 171)Values, shades & harmoniesOpen Open palette in generator→

#eece4frgb(238, 206, 79)Values, shades & harmoniesOpen Open palette in generator→

#cfde21rgb(207, 222, 33)Values, shades & harmoniesOpen Open palette in generator→

#7aaa22rgb(122, 170, 34)Values, shades & harmoniesOpen Open palette in generator→

#496614rgb(73, 102, 20)Values, shades & harmoniesOpen Open palette in generator→

Meringue

#f0eee5rgb(240, 238, 229)Values, shades & harmoniesOpen Open palette in generator→

#dbcd94rgb(219, 205, 148)Values, shades & harmoniesOpen Open palette in generator→

#e8be17rgb(232, 190, 23)Values, shades & harmoniesOpen Open palette in generator→

#8b720ergb(139, 114, 14)Values, shades & harmoniesOpen Open palette in generator→

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

Goldenrod

#fae9c7rgb(250, 233, 199)Values, shades & harmoniesOpen Open palette in generator→

#f1c36argb(241, 195, 106)Values, shades & harmoniesOpen Open palette in generator→

#e9a216rgb(233, 162, 22)Values, shades & harmoniesOpen Open palette in generator→

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

#543a08rgb(84, 58, 8)Values, shades & harmoniesOpen Open palette in generator→

Deep lemon

#f0eee5rgb(240, 238, 229)Values, shades & harmoniesOpen Open palette in generator→

#dbcd94rgb(219, 205, 148)Values, shades & harmoniesOpen Open palette in generator→

#e8be17rgb(232, 190, 23)Values, shades & harmoniesOpen Open palette in generator→

#8b720ergb(139, 114, 14)Values, shades & harmoniesOpen Open palette in generator→

#474ed1rgb(71, 78, 209)Values, shades & harmoniesOpen Open palette in generator→

Pale honey

#f7e8abrgb(247, 232, 171)Values, shades & harmoniesOpen Open palette in generator→

#eece4frgb(238, 206, 79)Values, shades & harmoniesOpen Open palette in generator→

#c8de21rgb(200, 222, 33)Values, shades & harmoniesOpen Open palette in generator→

#70aa22rgb(112, 170, 34)Values, shades & harmoniesOpen Open palette in generator→

#436614rgb(67, 102, 20)Values, shades & harmoniesOpen Open palette in generator→

Soft mustard

#f9eec8rgb(249, 238, 200)Values, shades & harmoniesOpen Open palette in generator→

#eed36drgb(238, 211, 109)Values, shades & harmoniesOpen Open palette in generator→

#e5ba1argb(229, 186, 26)Values, shades & harmoniesOpen Open palette in generator→

#9c7e12rgb(156, 126, 18)Values, shades & harmoniesOpen Open palette in generator→

#524309rgb(82, 67, 9)Values, shades & harmoniesOpen Open palette in generator→

Bold butter

#f7e8abrgb(247, 232, 171)Values, shades & harmoniesOpen Open palette in generator→

#eece4frgb(238, 206, 79)Values, shades & harmoniesOpen Open palette in generator→

#ded821rgb(222, 216, 33)Values, shades & harmoniesOpen Open palette in generator→

#98aa22rgb(152, 170, 34)Values, shades & harmoniesOpen Open palette in generator→

#5b6614rgb(91, 102, 20)Values, shades & harmoniesOpen Open palette in generator→

Quiet canary

#f7e8abrgb(247, 232, 171)Values, shades & harmoniesOpen Open palette in generator→

#eece4frgb(238, 206, 79)Values, shades & harmoniesOpen Open palette in generator→

#d7de21rgb(215, 222, 33)Values, shades & harmoniesOpen Open palette in generator→

#86aa22rgb(134, 170, 34)Values, shades & harmoniesOpen Open palette in generator→

#506614rgb(80, 102, 20)Values, shades & harmoniesOpen Open palette in generator→

Faded straw

#f8f2c9rgb(248, 242, 201)Values, shades & harmoniesOpen Open palette in generator→

#ebdb6frgb(235, 219, 111)Values, shades & harmoniesOpen Open palette in generator→

#e0c71frgb(224, 199, 31)Values, shades & harmoniesOpen Open palette in generator→

#988715rgb(152, 135, 21)Values, shades & harmoniesOpen Open palette in generator→

#51480brgb(81, 72, 11)Values, shades & harmoniesOpen Open palette in generator→

Vivid sunbeam

#f7e8abrgb(247, 232, 171)Values, shades & harmoniesOpen Open palette in generator→

#eece4frgb(238, 206, 79)Values, shades & harmoniesOpen Open palette in generator→

#dedc21rgb(222, 220, 33)Values, shades & harmoniesOpen Open palette in generator→

#91aa22rgb(145, 170, 34)Values, shades & harmoniesOpen Open palette in generator→

#576614rgb(87, 102, 20)Values, shades & harmoniesOpen Open palette in generator→

Smoky ochre

#f0eee5rgb(240, 238, 229)Values, shades & harmoniesOpen Open palette in generator→

#dbcd94rgb(219, 205, 148)Values, shades & harmoniesOpen Open palette in generator→

#e8be17rgb(232, 190, 23)Values, shades & harmoniesOpen Open palette in generator→

#8b720ergb(139, 114, 14)Values, shades & harmoniesOpen Open palette in generator→

#476ad1rgb(71, 106, 209)Values, shades & harmoniesOpen Open palette in generator→

Clear daffodil

#f8eac9rgb(248, 234, 201)Values, shades & harmoniesOpen Open palette in generator→

#edc76ergb(237, 199, 110)Values, shades & harmoniesOpen Open palette in generator→

#e2a71drgb(226, 167, 29)Values, shades & harmoniesOpen Open palette in generator→

#9a7214rgb(154, 114, 20)Values, shades & harmoniesOpen Open palette in generator→

#513c0argb(81, 60, 10)Values, shades & harmoniesOpen Open palette in generator→

Dusky cornsilk

#f0eee5rgb(240, 238, 229)Values, shades & harmoniesOpen Open palette in generator→

#dbcd94rgb(219, 205, 148)Values, shades & harmoniesOpen Open palette in generator→

#e8be17rgb(232, 190, 23)Values, shades & harmoniesOpen Open palette in generator→

#8b720ergb(139, 114, 14)Values, shades & harmoniesOpen Open palette in generator→

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

Warm meringue

#f8e7c9rgb(248, 231, 201)Values, shades & harmoniesOpen Open palette in generator→

#edbf6ergb(237, 191, 110)Values, shades & harmoniesOpen Open palette in generator→

#e39b1crgb(227, 155, 28)Values, shades & harmoniesOpen Open palette in generator→

#9a6913rgb(154, 105, 19)Values, shades & harmoniesOpen Open palette in generator→

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

Cool goldenrod

#f7e8abrgb(247, 232, 171)Values, shades & harmoniesOpen Open palette in generator→

#eece4frgb(238, 206, 79)Values, shades & harmoniesOpen Open palette in generator→

#ccde21rgb(204, 222, 33)Values, shades & harmoniesOpen Open palette in generator→

#76aa22rgb(118, 170, 34)Values, shades & harmoniesOpen Open palette in generator→

#476614rgb(71, 102, 20)Values, shades & harmoniesOpen Open palette in generator→

Frequently asked questions

Yellow pairs with charcoal, navy, and white for contrast, warm neighbors for harmony. Purple is its complement.

Yellow 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 Lemon: #f7e8ab, #eece4f, #d9de21, #89aa22, #526614. It works immediately for layouts, and you can open it in the generator to get RGB, HSL, CMYK, and Pantone values.