Home / Tools / Color palettes / Gray color palettes

Gray color palettes

Gray is the most flexible neutral, cool or warm depending on its undertone. These gray color palettes step from pale mist to deep flint.

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

Extract a palette from your own image

Pewter

#e3e4e8rgb(227, 228, 232)Values, shades & harmoniesOpenOpen palette in generator→
#b0b5bfrgb(176, 181, 191)Values, shades & harmoniesOpenOpen palette in generator→
#7e8595rgb(126, 133, 149)Values, shades & harmoniesOpenOpen palette in generator→
#535865rgb(83, 88, 101)Values, shades & harmoniesOpenOpen palette in generator→
#2c2f3argb(44, 47, 58)Values, shades & harmoniesOpenOpen palette in generator→

Cinder

#e8e6e3rgb(232, 230, 227)Values, shades & harmoniesOpenOpen palette in generator→
#bfbab0rgb(191, 186, 176)Values, shades & harmoniesOpenOpen palette in generator→
#958e7ergb(149, 142, 126)Values, shades & harmoniesOpenOpen palette in generator→
#656053rgb(101, 96, 83)Values, shades & harmoniesOpenOpen palette in generator→
#38352ergb(56, 53, 46)Values, shades & harmoniesOpenOpen palette in generator→

Dove

#e3e5e8rgb(227, 229, 232)Values, shades & harmoniesOpenOpen palette in generator→
#b0b6bfrgb(176, 182, 191)Values, shades & harmoniesOpenOpen palette in generator→
#7e8795rgb(126, 135, 149)Values, shades & harmoniesOpenOpen palette in generator→
#515667rgb(81, 86, 103)Values, shades & harmoniesOpenOpen palette in generator→
#2c303argb(44, 48, 58)Values, shades & harmoniesOpenOpen palette in generator→

Flint

#e2e6e9rgb(226, 230, 233)Values, shades & harmoniesOpenOpen palette in generator→
#b0b8bfrgb(176, 184, 191)Values, shades & harmoniesOpenOpen palette in generator→
#7e8795rgb(126, 135, 149)Values, shades & harmoniesOpenOpen palette in generator→
#535b65rgb(83, 91, 101)Values, shades & harmoniesOpenOpen palette in generator→
#2d3339rgb(45, 51, 57)Values, shades & harmoniesOpenOpen palette in generator→

Mist

#e2e5e9rgb(226, 229, 233)Values, shades & harmoniesOpenOpen palette in generator→
#b0b6bfrgb(176, 182, 191)Values, shades & harmoniesOpenOpen palette in generator→
#7e8595rgb(126, 133, 149)Values, shades & harmoniesOpenOpen palette in generator→
#535a65rgb(83, 90, 101)Values, shades & harmoniesOpenOpen palette in generator→
#2e2f38rgb(46, 47, 56)Values, shades & harmoniesOpenOpen palette in generator→

Anchor gray

#e3e5e8rgb(227, 229, 232)Values, shades & harmoniesOpenOpen palette in generator→
#b0b5bfrgb(176, 181, 191)Values, shades & harmoniesOpenOpen palette in generator→
#7e7f95rgb(126, 127, 149)Values, shades & harmoniesOpenOpen palette in generator→
#535465rgb(83, 84, 101)Values, shades & harmoniesOpenOpen palette in generator→
#2e2f38rgb(46, 47, 56)Values, shades & harmoniesOpenOpen palette in generator→

Shale

#e3e4e8rgb(227, 228, 232)Values, shades & harmoniesOpenOpen palette in generator→
#b0b2bfrgb(176, 178, 191)Values, shades & harmoniesOpenOpen palette in generator→
#7a859argb(122, 133, 154)Values, shades & harmoniesOpenOpen palette in generator→
#535565rgb(83, 85, 101)Values, shades & harmoniesOpenOpen palette in generator→
#2c2e3argb(44, 46, 58)Values, shades & harmoniesOpenOpen palette in generator→

Gull

#e3e5e8rgb(227, 229, 232)Values, shades & harmoniesOpenOpen palette in generator→
#b0b8bfrgb(176, 184, 191)Values, shades & harmoniesOpenOpen palette in generator→
#7e8995rgb(126, 137, 149)Values, shades & harmoniesOpenOpen palette in generator→
#535965rgb(83, 89, 101)Values, shades & harmoniesOpenOpen palette in generator→
#2e2e38rgb(46, 46, 56)Values, shades & harmoniesOpenOpen palette in generator→

Cement

#e9e6e2rgb(233, 230, 226)Values, shades & harmoniesOpenOpen palette in generator→
#bfb8b0rgb(191, 184, 176)Values, shades & harmoniesOpenOpen palette in generator→
#958b7ergb(149, 139, 126)Values, shades & harmoniesOpenOpen palette in generator→
#656153rgb(101, 97, 83)Values, shades & harmoniesOpenOpen palette in generator→
#38342ergb(56, 52, 46)Values, shades & harmoniesOpenOpen palette in generator→

Fossil

#e3e6e8rgb(227, 230, 232)Values, shades & harmoniesOpenOpen palette in generator→
#b0b6bfrgb(176, 182, 191)Values, shades & harmoniesOpenOpen palette in generator→
#7b8499rgb(123, 132, 153)Values, shades & harmoniesOpenOpen palette in generator→
#4f5669rgb(79, 86, 105)Values, shades & harmoniesOpenOpen palette in generator→
#2e3238rgb(46, 50, 56)Values, shades & harmoniesOpenOpen palette in generator→

Smoke

#e2e6e9rgb(226, 230, 233)Values, shades & harmoniesOpenOpen palette in generator→
#b0b8bfrgb(176, 184, 191)Values, shades & harmoniesOpenOpen palette in generator→
#7b8998rgb(123, 137, 152)Values, shades & harmoniesOpenOpen palette in generator→
#515866rgb(81, 88, 102)Values, shades & harmoniesOpenOpen palette in generator→
#2d3139rgb(45, 49, 57)Values, shades & harmoniesOpenOpen palette in generator→

Chrome

#e8e6e3rgb(232, 230, 227)Values, shades & harmoniesOpenOpen palette in generator→
#c1b8aergb(193, 184, 174)Values, shades & harmoniesOpenOpen palette in generator→
#958b7ergb(149, 139, 126)Values, shades & harmoniesOpenOpen palette in generator→
#685c50rgb(104, 92, 80)Values, shades & harmoniesOpenOpen palette in generator→
#38342ergb(56, 52, 46)Values, shades & harmoniesOpenOpen palette in generator→

Deep pewter

#e8e6e3rgb(232, 230, 227)Values, shades & harmoniesOpenOpen palette in generator→
#bfb7b0rgb(191, 183, 176)Values, shades & harmoniesOpenOpen palette in generator→
#998b7argb(153, 139, 122)Values, shades & harmoniesOpenOpen palette in generator→
#676151rgb(103, 97, 81)Values, shades & harmoniesOpenOpen palette in generator→
#3a392crgb(58, 57, 44)Values, shades & harmoniesOpenOpen palette in generator→

Pale cinder

#e3e6e8rgb(227, 230, 232)Values, shades & harmoniesOpenOpen palette in generator→
#aeb6c2rgb(174, 182, 194)Values, shades & harmoniesOpenOpen palette in generator→
#79859argb(121, 133, 154)Values, shades & harmoniesOpenOpen palette in generator→
#515666rgb(81, 86, 102)Values, shades & harmoniesOpenOpen palette in generator→
#2e3038rgb(46, 48, 56)Values, shades & harmoniesOpenOpen palette in generator→

Soft dove

#e9e6e2rgb(233, 230, 226)Values, shades & harmoniesOpenOpen palette in generator→
#bfb8b0rgb(191, 184, 176)Values, shades & harmoniesOpenOpen palette in generator→
#99907brgb(153, 144, 123)Values, shades & harmoniesOpenOpen palette in generator→
#656053rgb(101, 96, 83)Values, shades & harmoniesOpenOpen palette in generator→
#38352ergb(56, 53, 46)Values, shades & harmoniesOpenOpen palette in generator→

Bold flint

#e8e5e3rgb(232, 229, 227)Values, shades & harmoniesOpenOpen palette in generator→
#c2b7aergb(194, 183, 174)Values, shades & harmoniesOpenOpen palette in generator→
#958a7ergb(149, 138, 126)Values, shades & harmoniesOpenOpen palette in generator→
#686750rgb(104, 103, 80)Values, shades & harmoniesOpenOpen palette in generator→
#38362ergb(56, 54, 46)Values, shades & harmoniesOpenOpen palette in generator→

Quiet mist

#e3e5e8rgb(227, 229, 232)Values, shades & harmoniesOpenOpen palette in generator→
#b0b4bfrgb(176, 180, 191)Values, shades & harmoniesOpenOpen palette in generator→
#7e8295rgb(126, 130, 149)Values, shades & harmoniesOpenOpen palette in generator→
#535465rgb(83, 84, 101)Values, shades & harmoniesOpenOpen palette in generator→
#2e2c3argb(46, 44, 58)Values, shades & harmoniesOpenOpen palette in generator→

Faded anchor gray

#e2e5e9rgb(226, 229, 233)Values, shades & harmoniesOpenOpen palette in generator→
#b0b7bfrgb(176, 183, 191)Values, shades & harmoniesOpenOpen palette in generator→
#7a849argb(122, 132, 154)Values, shades & harmoniesOpenOpen palette in generator→
#505468rgb(80, 84, 104)Values, shades & harmoniesOpenOpen palette in generator→
#2e3038rgb(46, 48, 56)Values, shades & harmoniesOpenOpen palette in generator→

Vivid shale

#e3e6e8rgb(227, 230, 232)Values, shades & harmoniesOpenOpen palette in generator→
#b0b5bfrgb(176, 181, 191)Values, shades & harmoniesOpenOpen palette in generator→
#7e8795rgb(126, 135, 149)Values, shades & harmoniesOpenOpen palette in generator→
#535b65rgb(83, 91, 101)Values, shades & harmoniesOpenOpen palette in generator→
#2e3038rgb(46, 48, 56)Values, shades & harmoniesOpenOpen palette in generator→

Smoky gull

#e3e4e8rgb(227, 228, 232)Values, shades & harmoniesOpenOpen palette in generator→
#b0b4bfrgb(176, 180, 191)Values, shades & harmoniesOpenOpen palette in generator→
#7e8695rgb(126, 134, 149)Values, shades & harmoniesOpenOpen palette in generator→
#535365rgb(83, 83, 101)Values, shades & harmoniesOpenOpen palette in generator→
#2f2e38rgb(47, 46, 56)Values, shades & harmoniesOpenOpen palette in generator→

Clear cement

#e8e6e3rgb(232, 230, 227)Values, shades & harmoniesOpenOpen palette in generator→
#c0baafrgb(192, 186, 175)Values, shades & harmoniesOpenOpen palette in generator→
#95897ergb(149, 137, 126)Values, shades & harmoniesOpenOpen palette in generator→
#656153rgb(101, 97, 83)Values, shades & harmoniesOpenOpen palette in generator→
#38362ergb(56, 54, 46)Values, shades & harmoniesOpenOpen palette in generator→

Dusky fossil

#e8e5e3rgb(232, 229, 227)Values, shades & harmoniesOpenOpen palette in generator→
#bfb8b0rgb(191, 184, 176)Values, shades & harmoniesOpenOpen palette in generator→
#958d7ergb(149, 141, 126)Values, shades & harmoniesOpenOpen palette in generator→
#655e53rgb(101, 94, 83)Values, shades & harmoniesOpenOpen palette in generator→
#38352ergb(56, 53, 46)Values, shades & harmoniesOpenOpen palette in generator→

Warm smoke

#e8e6e3rgb(232, 230, 227)Values, shades & harmoniesOpenOpen palette in generator→
#bfb8b0rgb(191, 184, 176)Values, shades & harmoniesOpenOpen palette in generator→
#958b7ergb(149, 139, 126)Values, shades & harmoniesOpenOpen palette in generator→
#656253rgb(101, 98, 83)Values, shades & harmoniesOpenOpen palette in generator→
#39352drgb(57, 53, 45)Values, shades & harmoniesOpenOpen palette in generator→

Cool chrome

#e2e4e9rgb(226, 228, 233)Values, shades & harmoniesOpenOpen palette in generator→
#b0b5bfrgb(176, 181, 191)Values, shades & harmoniesOpenOpen palette in generator→
#7e8095rgb(126, 128, 149)Values, shades & harmoniesOpenOpen palette in generator→
#505467rgb(80, 84, 103)Values, shades & harmoniesOpenOpen palette in generator→
#302e38rgb(48, 46, 56)Values, shades & harmoniesOpenOpen palette in generator→

Frequently asked questions

Gray pairs universally. Warm grays suit browns and greens, cool grays suit blues and violets.

Gray 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 Pewter: #e3e4e8, #b0b5bf, #7e8595, #535865, #2c2f3a. It works immediately for layouts, and you can open it in the generator to get RGB, HSL, CMYK, and Pantone values.

Build your own palette

Upload any image and pull a print-ready palette from it in seconds.

Open the color palette generator

More free tools for your next project

NewFree online calendar maker for designing photo calendars in the browser and downloading print ready filesCalendar makerFree online calendar maker, add your photos and download a print-ready fileFree pixel stretch effect generator that drags the colours along the edge of a cutout into streaks and downloads a high resolution PNG built to printPixel stretch generatorMake the pixel stretch effect online in secondsFree anti-AI text maker that hides a message inside a hybrid image people can read but AI scrapers and OCR misread, with a flat PNG downloadAnti-AI text makerAnti-AI text maker for creating text that AI can't readFree image to pixel art converter that pixelates any photo with retro palettes and downloads high resolution PNG, true vector SVG and animated PNGImage to pixel artPixelate any photo with retro palettes, then download PNG, SVG or animationFree font generator that turns your text into copy and paste Unicode fonts for Instagram, TikTok and Discord bios and display namesFont generatorCopy and paste fonts for Instagram, TikTok and Discord biosFree gradient maker that builds mesh, ombre, linear and radial gradients, copies the CSS and downloads high resolution filesGradient makerMake vibrant custom gradients for web and print instantlyFree bitmap maker that converts any photo into 1-bit dither and halftone art with vector SVG downloadsBitmap makerTurn any photo into 1-bit dither and halftone bitmap artFree pattern generator that turns any color palette into seamless geometric patterns, posters and wallpapersPattern generatorTurn any color palette into seamless geometric patternsRGB to CMYK converter that runs a true CMYK conversion on images and previews print colorsRGB to CMYK converterTrue CMYK conversion with a print ready download in secondsRemove Background tool that removes image backgrounds and outputs transparent PNG filesRemove BackgroundCut out the background from any image in one clickAI image upscaler that enlarges and sharpens low resolution images for high quality printImage upscalerSharpen and enlarge photos up to 4x without losing detailColor palette generator that extracts HEX, RGB, CMYK, and Pantone codes from any imageColor palette generatorPull HEX, RGB, CMYK, and Pantone codes from any imageColor contrast checker that tests two colors for readable contrast before printingContrast checkerCheck color contrast for accessible, readable designsWord to PDF converter that turns documents into print ready PDF files onlineConvert DOC to PDFTurn any Word document into a print ready PDF instantlyOnline business card maker for designing and ordering custom business cardsBusiness card makerCreate custom business cards and download print ready filesOnline sticker sheet maker that packs multiple sticker designs onto a single sheetSticker sheet makerArrange your designs and print custom sticker sheetsOnline sticker maker for designing custom die cut stickers in any shapeSticker makerDesign custom die cut stickers in any shape from your artworkInstagram name maker that turns an Instagram handle into a custom stickerInstagram name makerTurn your Instagram handle into a custom sticker in seconds