Soft Winter Electric Lantern
413Soft Winter Electric Lantern color palette using #e5c0e7, #aed7da, #9287a0, #69757f, #403c80.
By Color
Gray Color Palettes
A good grey scale is the skeleton of every design system, and these ramps are tuned for legibility. Its main colours include alabaster (#ebe6ea), almond (#ddd6de), silver (#c1b6c6), pewter (#909aaa), slate (#687289), built as a monochromatic set around 220° on the colour wheel. Hex and RGB values for each swatch are listed below for quick copy.
Gray color palette hex codes
Main gray colours with named swatches, HEX and RGB. Derived from this tag's hue (220°), saturation (8%) and monochromatic scheme.
| Swatch | Name | HEX | RGB | Copy |
|---|---|---|---|---|
| Alabaster swatch | Alabaster | #ebe6ea | rgb(235, 230, 234) | |
| Almond swatch | Almond | #ddd6de | rgb(221, 214, 222) | |
| Silver swatch | Silver | #c1b6c6 | rgb(193, 182, 198) | |
| Pewter swatch | Pewter | #909aaa | rgb(144, 154, 170) | |
| Slate swatch | Slate | #687289 | rgb(104, 114, 137) | |
| Charcoal swatch | Charcoal | #475060 | rgb(71, 80, 96) | |
| Onyx swatch | Onyx | #303642 | rgb(48, 54, 66) | |
| Onyx swatch | Onyx | #222439 | rgb(34, 36, 57) |
Gray color palettes
Gray Electric Signal
372Gray Electric Signal color palette using #dcdfe6, #c1c9d5, #6f84a3, #424f6e, #2a354a.
Skin Tone Frosted Drift
337Skin Tone Frosted Drift color palette using #eff5e4, #cfc4ca, #a7a496, #89434e, #60554c.
Metallic Golden Orchard
315Metallic Golden Orchard color palette using #dde1db, #cabbc0, #9ea18f, #76635e, #5f5234.
Gray Washed Archive
293Gray Washed Archive color palette using #e1e4e9, #c6cdd9, #7583a7, #414d6c, #273046.
Kitchen Electric Morning
279Kitchen Electric Morning color palette using #e9f4ee, #e5d5c7, #86d088, #797a66, #626b5b.
Gray Smoked Meadow
276Gray Smoked Meadow color palette using #d9dce3, #c8cdd9, #7a88aa, #41506c, #2c394f.
Gray Electric Archive
272Gray Electric Archive color palette using #e2e4ea, #c7ced9, #7381a5, #43546f, #2a344b.
Gray Still Signal
267Gray Still Signal color palette using #e8e9ee, #bdc5d2, #7c8aab, #435470, #2e3a51.
Brutalist Muted Drift
232Brutalist Muted Drift color palette using #e1d9d5, #b0c6d2, #9b8e87, #415058, #3f3833.
Brutalist Muted Studio
209Brutalist Muted Studio color palette using #eae2de, #b6cbd5, #94857e, #465056, #433731.
Gray Golden Orchard
203Gray Golden Orchard color palette using #eaebef, #b8bfcf, #7885a9, #3f4e68, #262f43.
Calm Deep Morning
192Calm Deep Morning color palette using #eceaf6, #c9e1d0, #9ba7c2, #77938c, #6a7b80.
Gray Wild Prairie
191Gray Wild Prairie color palette using #dbdfe5, #bec4d3, #7d8cac, #404b6a, #2d3750.
Muted Autumn Antique Morning
184Muted Autumn Antique Morning color palette using #c4d3ba, #d793b0, #aaae76, #585149, #3e3932.
Vintage Wild Drift
181Vintage Wild Drift color palette using #d6e8c8, #d2bec5, #adb56c, #715e5c, #5d5649.
Grunge Sunlit Atlas
179Grunge Sunlit Atlas color palette using #aab296, #a58599, #726f5f, #403536, #322620.
Grunge Electric Morning
167Grunge Electric Morning color palette using #aeb3a5, #9e8897, #817952, #582a31, #2f2a28.
Earthy Still Drift
165Earthy Still Drift color palette using #cadebd, #c0afb8, #949481, #4c463d, #4a2f26.
Lilac Sunlit Linen
160Lilac Sunlit Linen color palette using #e9cccd, #b9b9d6, #c8a2c8, #967c89, #4b4453.
Mountain Faded Drift
160Mountain Faded Drift color palette using #e1dae7, #a0d8c3, #827f9a, #467374, #30353c.
Dark Academia Antique Linen
159Dark Academia Antique Linen color palette using #aab3a2, #a6929c, #7c7b53, #2c2318, #111c0d.
Gray Antique Terrace
158Gray Antique Terrace color palette using #e4e7ec, #bec5d3, #717fa4, #3f4f6a, #2b364d.
Moody Smoked Alcove
153Moody Smoked Alcove color palette using #b8a5b4, #88989c, #684d73, #223152, #171138.
About gray color palettes
A good grey scale is the skeleton of every design system, and these ramps are tuned for legibility. This page collects 59 gray 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 gray schemes anchor somewhere around pewter (#868c98), a cool hue sitting near 220 degrees on the color wheel at roughly 8% saturation. The palettes below span a lightness range of about 68 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 gray, 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
Gray color palette FAQ
What colors are in a gray color palette?
A typical gray palette combines alabaster (#ebe6ea), almond (#ddd6de), silver (#c1b6c6) and supporting tones. A good grey scale is the skeleton of every design system, and these ramps are tuned for legibility.
What are the hex codes for gray?
Gray is a colour family rather than a single value. The main hex codes on this page are #ebe6ea, #ddd6de, #c1b6c6, #909aaa, #687289, #475060, #303642, #222439, centred near #868c98. Copy any value from the table above.
How do I use a gray 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 gray palettes free to use?
Yes. All 59 palettes on this page are free for personal and commercial work, with no attribution and no account required. You can also type "gray" into the AI color palette generator to build a fresh scheme in the same range.