Yellow Muted Terrace
429Yellow Muted Terrace color palette using #fcd0d7, #aefca1, #d475e9, #49dacd, #ecdd15.
By Color
Yellow Color Palettes
Yellow is the hardest colour to use well; these palettes give it the dark anchors it needs. Its main colours include periwinkle (#ccc7fd), apricot (#fdcfc0), mint (#b2fd9f), salmon (#f68591), mint (#70f761), built as a triadic set around 52° on the colour wheel. Hex and RGB values for each swatch are listed below for quick copy.
Yellow color palette hex codes
Main yellow colours with named swatches, HEX and RGB. Derived from this tag's hue (52°), saturation (90%) and triadic scheme.
| Swatch | Name | HEX | RGB | Copy |
|---|---|---|---|---|
| Periwinkle swatch | Periwinkle | #ccc7fd | rgb(204, 199, 253) | |
| Apricot swatch | Apricot | #fdcfc0 | rgb(253, 207, 192) | |
| Mint swatch | Mint | #b2fd9f | rgb(178, 253, 159) | |
| Salmon swatch | Salmon | #f68591 | rgb(246, 133, 145) | |
| Mint swatch | Mint | #70f761 | rgb(112, 247, 97) | |
| Orchid swatch | Orchid | #e53af8 | rgb(229, 58, 248) | |
| Gold swatch | Gold | #e9d616 | rgb(233, 214, 22) | |
| Turquoise swatch | Turquoise | #10ebcd | rgb(16, 235, 205) |
Yellow color palettes
Beige Electric Archive
382Beige Electric Archive color palette using #f5f5dc, #efeed5, #e6e4ae, #d0d043, #95941d.
Gold Wild Harbour
374Gold Wild Harbour color palette using #faf4cc, #f6e189, #f3dc34, #ffd700, #a18806.
Amber Dusty Morning
366Amber Dusty Morning color palette using #f9efce, #9db6f9, #e5b536, #ffbf00, #102c92.
Light Winter Antique Prairie
362Light Winter Antique Prairie color palette using #eceff5, #ece4ce, #a2b2d7, #bfab81, #6781c7.
Beige Golden Terrace
361Beige Golden Terrace color palette using #f5f5dc, #f2f0db, #e8e8b3, #c6cf3f, #92941d.
Sunflower Frosted Meadow
351Sunflower Frosted Meadow color palette using #f4efcc, #b3c3f8, #e7d670, #2a43e0, #c4ac1c.
Website Frosted Ember
351Website Frosted Ember color palette using #e7ecf6, #eedcae, #5b77b5, #785c26, #1e263d.
Safari Antique Harbour
339Safari Antique Harbour color palette using #cbe1c4, #e2a9b6, #a5bb6f, #625c48, #3f3c31.
Ivory Frosted Archive
320Ivory Frosted Archive color palette using #fffff0, #f7f9c1, #f5f68f, #f2ed23, #a8a307.
Beige Wild Meadow
309Beige Wild Meadow color palette using #f5f5dc, #efefd4, #e8e5b3, #d3ca4c, #91951d.
Light Academia Soft Ember
301Light Academia Soft Ember color palette using #e9f0e7, #eed2dc, #c1c3a9, #9f8885, #93866a.
Sunflower Soft Ember
294Sunflower Soft Ember color palette using #fbf2ca, #a7b3f0, #fcce50, #1633e5, #ad941c.
Ivory Quiet Ember
282Ivory Quiet Ember color palette using #fffff0, #f8f9c6, #f6f18b, #f3e62e, #a8a407.
Ivory Electric Current
278Ivory Electric Current color palette using #fffff0, #f9f7c5, #f7f69c, #edf32f, #a2a807.
Yellow Frosted Alcove
272Yellow Frosted Alcove color palette using #cdf4c7, #f9c3c8, #e267f8, #4ddec8, #f9de0e.
High Contrast Antique Alcove
265High Contrast Antique Alcove color palette using #edf1fb, #e7d9b8, #4376c6, #644b0d, #031336.
Ivory Quiet Studio
260Ivory Quiet Studio color palette using #fffff0, #f8facf, #f7f697, #f3eb33, #a7a407.
Yellow Smoked Atlas
239Yellow Smoked Atlas color palette using #f9d3d6, #affda1, #e682f1, #3be3c6, #e3d126.
Sunflower Deep Current
236Sunflower Deep Current color palette using #f9f2d1, #9ba9f6, #f1ce64, #174ae3, #c4a607.
Beige Smoked Terrace
232Beige Smoked Terrace color palette using #f5f5dc, #ededcf, #e4e8b2, #d2cd49, #8b8d1c.
Sunflower Muted Morning
229Sunflower Muted Morning color palette using #f9f1c1, #9eb2f1, #fbdd5d, #0638ea, #b69f23.
Sunflower Frosted Lantern
226Sunflower Frosted Lantern color palette using #fcf3c1, #a6b9fd, #e8cc6f, #254ae5, #d1b10e.
Sunflower Faded Lantern
217Sunflower Faded Lantern color palette using #faefc9, #a7b8f0, #fbd35e, #2851d5, #bd990c.
About yellow color palettes
Yellow is the hardest colour to use well; these palettes give it the dark anchors it needs. This page collects 119 yellow color palettes, each one generated and then filtered so that every scheme is actually usable in a real design rather than just pleasant to look at.
Most yellow schemes anchor somewhere around flax (#f7e56e), a warm hue sitting near 52 degrees on the color wheel at roughly 90% saturation. The palettes below span a lightness range of about 40 points, which is wide enough to give you a background, a mid-tone and a text color from the same set. Three hues spaced evenly around the wheel for a vibrant, well-balanced scheme.
When you build with yellow, resist the urge to use it everywhere. Pick one swatch as your dominant colour, one as a supporting tone, and reserve the most saturated value for elements you genuinely want people to click. Everything else should be a neutral drawn from the same hue family so the whole interface feels deliberate.
Need something more specific? Generate a custom scheme with the AI color palette generator or extract one from a photo with the color palette from image tool.
Related color palette collections
Yellow color palette FAQ
What colors are in a yellow color palette?
A typical yellow palette combines periwinkle (#ccc7fd), apricot (#fdcfc0), mint (#b2fd9f) and supporting tones. Yellow is the hardest colour to use well; these palettes give it the dark anchors it needs.
What are the hex codes for yellow?
Yellow is a colour family rather than a single value. The main hex codes on this page are #ccc7fd, #fdcfc0, #b2fd9f, #f68591, #70f761, #e53af8, #e9d616, #10ebcd, centred near #f7e56e. Copy any value from the table above.
How do I use a yellow color palette in my design?
Assign the lightest swatch to backgrounds, the darkest to text, and use the remaining colours for accents and states. Copy the palette as CSS variables or a Tailwind theme from any palette page so the tokens stay consistent across your project.
Are these yellow palettes free to use?
Yes. All 119 palettes on this page are free for personal and commercial work, with no attribution and no account required. You can also type "yellow" into the AI color palette generator to build a fresh scheme in the same range.