Ivory Faded Lantern
333Ivory Faded Lantern color palette using #fffff0, #c5f7c2, #f09392, #8de245, #925c16.
By Color
Ivory Color Palettes
Ivory palettes are barely-there warm whites, built for editorial layouts with lots of air. Its main colours include porcelain (#f6f6ee), porcelain (#f5eff3), pearl (#e9e9d3), pearl (#cae2cb), silver (#cfc6aa), built as a monochromatic set around 46° on the colour wheel. Hex and RGB values for each swatch are listed below for quick copy.
Ivory color palette hex codes
Main ivory colours with named swatches, HEX and RGB. Derived from this tag's hue (46°), saturation (20%) and monochromatic scheme.
| Swatch | Name | HEX | RGB | Copy |
|---|---|---|---|---|
| Porcelain swatch | Porcelain | #f6f6ee | rgb(246, 246, 238) | |
| Porcelain swatch | Porcelain | #f5eff3 | rgb(245, 239, 243) | |
| Pearl swatch | Pearl | #e9e9d3 | rgb(233, 233, 211) | |
| Pearl swatch | Pearl | #cae2cb | rgb(202, 226, 203) | |
| Silver swatch | Silver | #cfc6aa | rgb(207, 198, 170) | |
| Ash swatch | Ash | #a3c9cc | rgb(163, 201, 204) | |
| Sand swatch | Sand | #bdc383 | rgb(189, 195, 131) | |
| Pistachio swatch | Pistachio | #8fb875 | rgb(143, 184, 117) |
Ivory color palettes
Ivory Frosted Archive
320Ivory Frosted Archive color palette using #fffff0, #f7f9c1, #f5f68f, #f2ed23, #a8a307.
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.
Ivory Quiet Studio
260Ivory Quiet Studio color palette using #fffff0, #f8facf, #f7f697, #f3eb33, #a7a407.
Ivory Soft Terrace
191Ivory Soft Terrace color palette using #fffff0, #f6f9c0, #f6f68d, #ebf224, #9f9806.
Ivory Frosted Current
162Ivory Frosted Current color palette using #fffff0, #f7f9c7, #f6f392, #edf333, #a29e06.
Ivory Washed Atlas
150Ivory Washed Atlas color palette using #fffff0, #faf9cb, #eff68a, #f3e82e, #9a9706.
Ivory Muted Atlas
141Ivory Muted Atlas color palette using #fffff0, #faf8d2, #f7f798, #f2e824, #a49e06.
Ivory Antique Ember
124Ivory Antique Ember color palette using #fffff0, #f9f7c5, #f7f69d, #ebf333, #9aa306.
Ivory Frosted Linen
117Ivory Frosted Linen color palette using #fffff0, #f9f7c0, #f2f8a2, #e9f221, #9d9a06.
Ivory Still Alcove
113Ivory Still Alcove color palette using #fffff0, #f7f9c3, #f6f190, #f1ec19, #919106.
Ivory Quiet Morning
106Ivory Quiet Morning color palette using #fffff0, #f8f9c2, #f6f393, #f1e919, #aaa007.
Ivory Golden Archive
105Ivory Golden Archive color palette using #fffff0, #f8f5bb, #f3f797, #f2ef2a, #a0a507.
Ivory Muted Meadow
77Ivory Muted Meadow color palette using #fffff0, #f7c3c5, #92f490, #ee20ec, #128b86.
Ivory Velvet Prairie
75Ivory Velvet Prairie color palette using #fffff0, #f5f9c0, #f7f79f, #f0f21f, #919506.
Ivory Faded Signal
74Ivory Faded Signal color palette using #fffff0, #cef9cf, #f2a8a8, #8fec23, #895112.
Ivory Quiet Orchard
70Ivory Quiet Orchard color palette using #fffff0, #fafad2, #f6f392, #f3e62d, #939406.
Ivory Electric Prairie
68Ivory Electric Prairie color palette using #fffff0, #f5f9c2, #f4f8a2, #f3e934, #a0a907.
Ivory Wild Orchard
62Ivory Wild Orchard color palette using #fffff0, #f9f7c0, #f1f690, #edf21d, #969906.
Ivory Frosted Orchard
58Ivory Frosted Orchard color palette using #fffff0, #f9f5c1, #f6f590, #e8f226, #8b9206.
Ivory Electric Studio
55Ivory Electric Studio color palette using #fffff0, #f9f8c4, #f7f6a0, #f0f11a, #939406.
Ivory Velvet Orchard
41Ivory Velvet Orchard color palette using #fffff0, #f9fad2, #f7f4a0, #f2ec28, #949506.
Ivory Deep Terrace
21Ivory Deep Terrace color palette using #fffff0, #d3fcd2, #f89c9c, #7ff51a, #8e460c.
About ivory color palettes
Ivory palettes are barely-there warm whites, built for editorial layouts with lots of air. This page collects 24 ivory 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 ivory schemes anchor somewhere around pearl (#dfdcd0), a warm hue sitting near 46 degrees on the color wheel at roughly 20% saturation. The palettes below span a lightness range of about 25 points, which is wide enough to give you a background, a mid-tone and a text color from the same set. A single hue explored across lightness and saturation for a refined, minimal look.
When you build with ivory, 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
Ivory color palette FAQ
What colors are in a ivory color palette?
A typical ivory palette combines porcelain (#f6f6ee), porcelain (#f5eff3), pearl (#e9e9d3) and supporting tones. Ivory palettes are barely-there warm whites, built for editorial layouts with lots of air.
What are the hex codes for ivory?
Ivory is a colour family rather than a single value. The main hex codes on this page are #f6f6ee, #f5eff3, #e9e9d3, #cae2cb, #cfc6aa, #a3c9cc, #bdc383, #8fb875, centred near #dfdcd0. Copy any value from the table above.
How do I use a ivory 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 ivory palettes free to use?
Yes. All 24 palettes on this page are free for personal and commercial work, with no attribution and no account required. You can also type "ivory" into the AI color palette generator to build a fresh scheme in the same range.