Gray color palettes
Neutral and near-neutral palettes: charcoal, stone and soft grey with a tint of color. 46 palettes, each with HEX codes.
- Dew Nest
- Slate Agenda
- Mist Daydream
- Cloud Cuddle
- Overcast Sky
- Terrazzo Table
- Office Folder
- Dove and Drizzle
- Champagne Reception
- Rye Box
- Taffy Box
- Office and Cabinet
- Opal Daybreak
- Stone Morning
- Cashmere Gallery
- Understory Shade
- Granite Folder
- Overcast and Rainy
- Macaron Cloud
- Ash Study
- Marble and Pewter
- Lilac Dimming
- Harbour and Mist
- Noir Edition
- Steel Deck
- Ivory Study
- Taffy Swirl
- Champagne Bouquet
- Opulent Invitation
- Persimmon and Flamingo
- Croissant Counter
- Ledger Folder
- Ember Descent
- Paper Archive
- Granite Archive
- Dove Light
- Deep Watch
- Caramel Table
- Wildflower Picnic
- Marble Studio
- Linen Gallery
- Pewter and Quiet
- Marble Lookbook
- Marble Edit
- Bunny Daydream
- Imperial Atelier
Most common colors in gray color palettes
Neutral and near-neutral palettes: charcoal, stone and soft grey with a tint of color. Across all 46 gray palettes here, these named colors come up most often. Each links to its hex, RGB and OKLCH values and the colors that go with it.
- Anti-Flash White#EDF2F4in 14 palettes
- Silver#C0C0C0in 11 palettes
- Jet#212529in 10 palettes
- Onyx#343A40in 10 palettes
- Slate#516572in 8 palettes
- Almost Black#070D0Din 7 palettes
- Cultured#F8F9FAin 7 palettes
- Cement#A5A391in 6 palettes
- Dark#1B2431in 6 palettes
- Linen#FAF0E6in 6 palettes
- Seashell#FFF5EEin 6 palettes
- French Gray#ADB5BDin 5 palettes
Gray color palette hex codes
| Palette | Hex codes |
|---|---|
| Dew Nest | #102118 #DF93A9 #BAC8BF #E8F1EB |
| Slate Agenda | #1F2933 #52606D #F0B429 #CBD2D9 |
| Mist Daydream | #051B17 #465D58 #418276 #72B4A6 #B7C9C4 #E6F1EF |
| Cloud Cuddle | #0D1A26 #435260 #6E9FCC #BAC6D1 #E8EFF6 |
| Overcast Sky | #2E3A46 #4F6272 #6D808E #A59C90 #AEBBC6 |
| Terrazzo Table | #1F1607 #635847 #8B7041 #BB9F6F #CBC3B6 #F3EEE6 |
| Office Folder | #111A23 #323F4B #56626E #F0B429 #F5F7FA |
| Dove and Drizzle | #2E3A46 #C3B8A8 #D5DCE3 #F7F9FB |
Click a palette for its RGB, HSL and OKLCH values, contrast pairs, color-blindness preview and exports for CSS, Tailwind and Figma.
How to use a gray color palette
- Let gray lead, covering about 60% of the design, and keep the rest for neutrals and one accent (the 60-30-10 rule).
- Use a light tint of gray for backgrounds and a deep shade for text, so the palette stays readable.
- For contrast, add a small accent from the opposite side of the color wheel: see complementary colors.
- Check every text and background pair in the contrast checker before you ship.
More about gray
- Gray color: hex code, shades and the colors that go with it.
- What colors make gray: how to mix it with paint.
- Gray gradients and the color wheel.
Frequently asked questions
What colors are in a gray color palette?
The colors used most across these gray palettes are Anti-Flash White, Silver, Jet, Onyx, Slate and Almost Black. Neutral and near-neutral palettes: charcoal, stone and soft grey with a tint of color.
How many gray color palettes are there?
There are 46 curated gray palettes on this page, each with hex codes and free exports.
Can I edit a gray palette?
Yes. Open any palette in the palette generator to lock, adjust or replace colors, check contrast and export to CSS, Tailwind, Figma or Adobe swatches.