CAD
USD
EUR
Modern color palettes
Modern palettes are disciplined, mostly neutral with one confident accent. The color equivalent of good typography.
Studio
#e6e7ebrgb(230, 231, 235)Values, shades & harmoniesOpenOpen palette in generator→
#aaafbdrgb(170, 175, 189)Values, shades & harmoniesOpenOpen palette in generator→
#535b75rgb(83, 91, 117)Values, shades & harmoniesOpenOpen palette in generator→
#25303ergb(37, 48, 62)Values, shades & harmoniesOpenOpen palette in generator→
#3dd9ddrgb(61, 217, 221)Values, shades & harmoniesOpenOpen palette in generator→
Blueprint neu
#f0f1f1rgb(240, 241, 241)Values, shades & harmoniesOpenOpen palette in generator→
#a6abb5rgb(166, 171, 181)Values, shades & harmoniesOpenOpen palette in generator→
#627187rgb(98, 113, 135)Values, shades & harmoniesOpenOpen palette in generator→
#21283argb(33, 40, 58)Values, shades & harmoniesOpenOpen palette in generator→
#44ced7rgb(68, 206, 215)Values, shades & harmoniesOpenOpen palette in generator→
Monogram
#eff0f3rgb(239, 240, 243)Values, shades & harmoniesOpenOpen palette in generator→
#aeb3c0rgb(174, 179, 192)Values, shades & harmoniesOpenOpen palette in generator→
#5d6f8brgb(93, 111, 139)Values, shades & harmoniesOpenOpen palette in generator→
#283240rgb(40, 50, 64)Values, shades & harmoniesOpenOpen palette in generator→
#db5181rgb(219, 81, 129)Values, shades & harmoniesOpenOpen palette in generator→
Gridline
#e9eaedrgb(233, 234, 237)Values, shades & harmoniesOpenOpen palette in generator→
#b4b8c7rgb(180, 184, 199)Values, shades & harmoniesOpenOpen palette in generator→
#616e80rgb(97, 110, 128)Values, shades & harmoniesOpenOpen palette in generator→
#293140rgb(41, 49, 64)Values, shades & harmoniesOpenOpen palette in generator→
#804edcrgb(128, 78, 220)Values, shades & harmoniesOpenOpen palette in generator→
Gallery
#ebecedrgb(235, 236, 237)Values, shades & harmoniesOpenOpen palette in generator→
#bcbfc3rgb(188, 191, 195)Values, shades & harmoniesOpenOpen palette in generator→
#5a6472rgb(90, 100, 114)Values, shades & harmoniesOpenOpen palette in generator→
#232b3frgb(35, 43, 63)Values, shades & harmoniesOpenOpen palette in generator→
#9bdb4crgb(155, 219, 76)Values, shades & harmoniesOpenOpen palette in generator→
Concrete
#f2f2f3rgb(242, 242, 243)Values, shades & harmoniesOpenOpen palette in generator→
#b2b6bergb(178, 182, 190)Values, shades & harmoniesOpenOpen palette in generator→
#565d73rgb(86, 93, 115)Values, shades & harmoniesOpenOpen palette in generator→
#1e2331rgb(30, 35, 49)Values, shades & harmoniesOpenOpen palette in generator→
#36e154rgb(54, 225, 84)Values, shades & harmoniesOpenOpen palette in generator→
Editorial
#e6e6e8rgb(230, 230, 232)Values, shades & harmoniesOpenOpen palette in generator→
#b1b5bdrgb(177, 181, 189)Values, shades & harmoniesOpenOpen palette in generator→
#5d6783rgb(93, 103, 131)Values, shades & harmoniesOpenOpen palette in generator→
#293242rgb(41, 50, 66)Values, shades & harmoniesOpenOpen palette in generator→
#ddca36rgb(221, 202, 54)Values, shades & harmoniesOpenOpen palette in generator→
Whitespace
#ecedeergb(236, 237, 238)Values, shades & harmoniesOpenOpen palette in generator→
#bcc0c7rgb(188, 192, 199)Values, shades & harmoniesOpenOpen palette in generator→
#596578rgb(89, 101, 120)Values, shades & harmoniesOpenOpen palette in generator→
#1f222frgb(31, 34, 47)Values, shades & harmoniesOpenOpen palette in generator→
#4987dcrgb(73, 135, 220)Values, shades & harmoniesOpenOpen palette in generator→
Framework
#ebedefrgb(235, 237, 239)Values, shades & harmoniesOpenOpen palette in generator→
#acafb7rgb(172, 175, 183)Values, shades & harmoniesOpenOpen palette in generator→
#626a79rgb(98, 106, 121)Values, shades & harmoniesOpenOpen palette in generator→
#263345rgb(38, 51, 69)Values, shades & harmoniesOpenOpen palette in generator→
#6949dbrgb(105, 73, 219)Values, shades & harmoniesOpenOpen palette in generator→
Contour
#e8eaedrgb(232, 234, 237)Values, shades & harmoniesOpenOpen palette in generator→
#b3b7bfrgb(179, 183, 191)Values, shades & harmoniesOpenOpen palette in generator→
#656c7crgb(101, 108, 124)Values, shades & harmoniesOpenOpen palette in generator→
#252d42rgb(37, 45, 66)Values, shades & harmoniesOpenOpen palette in generator→
#45db2brgb(69, 219, 43)Values, shades & harmoniesOpenOpen palette in generator→
Neue
#f1f2f3rgb(241, 242, 243)Values, shades & harmoniesOpenOpen palette in generator→
#a9acb4rgb(169, 172, 180)Values, shades & harmoniesOpenOpen palette in generator→
#5e6b7crgb(94, 107, 124)Values, shades & harmoniesOpenOpen palette in generator→
#1d232frgb(29, 35, 47)Values, shades & harmoniesOpenOpen palette in generator→
#e3a638rgb(227, 166, 56)Values, shades & harmoniesOpenOpen palette in generator→
Atelier
#f0f0f1rgb(240, 240, 241)Values, shades & harmoniesOpenOpen palette in generator→
#bbbec8rgb(187, 190, 200)Values, shades & harmoniesOpenOpen palette in generator→
#57627drgb(87, 98, 125)Values, shades & harmoniesOpenOpen palette in generator→
#272f41rgb(39, 47, 65)Values, shades & harmoniesOpenOpen palette in generator→
#2ddc44rgb(45, 220, 68)Values, shades & harmoniesOpenOpen palette in generator→
Deep studio
#f1f2f3rgb(241, 242, 243)Values, shades & harmoniesOpenOpen palette in generator→
#b7b9bfrgb(183, 185, 191)Values, shades & harmoniesOpenOpen palette in generator→
#596274rgb(89, 98, 116)Values, shades & harmoniesOpenOpen palette in generator→
#202a36rgb(32, 42, 54)Values, shades & harmoniesOpenOpen palette in generator→
#dc5647rgb(220, 86, 71)Values, shades & harmoniesOpenOpen palette in generator→
Pale blueprint neu
#e4e5e9rgb(228, 229, 233)Values, shades & harmoniesOpenOpen palette in generator→
#acafb7rgb(172, 175, 183)Values, shades & harmoniesOpenOpen palette in generator→
#585f71rgb(88, 95, 113)Values, shades & harmoniesOpenOpen palette in generator→
#263041rgb(38, 48, 65)Values, shades & harmoniesOpenOpen palette in generator→
#32c1dfrgb(50, 193, 223)Values, shades & harmoniesOpenOpen palette in generator→
Soft monogram
#f1f1f4rgb(241, 241, 244)Values, shades & harmoniesOpenOpen palette in generator→
#adb4bfrgb(173, 180, 191)Values, shades & harmoniesOpenOpen palette in generator→
#58607crgb(88, 96, 124)Values, shades & harmoniesOpenOpen palette in generator→
#252a39rgb(37, 42, 57)Values, shades & harmoniesOpenOpen palette in generator→
#e1474argb(225, 71, 74)Values, shades & harmoniesOpenOpen palette in generator→
Bold gridline
#e5e7e9rgb(229, 231, 233)Values, shades & harmoniesOpenOpen palette in generator→
#b5bac3rgb(181, 186, 195)Values, shades & harmoniesOpenOpen palette in generator→
#595f6frgb(89, 95, 111)Values, shades & harmoniesOpenOpen palette in generator→
#1d222brgb(29, 34, 43)Values, shades & harmoniesOpenOpen palette in generator→
#dc2949rgb(220, 41, 73)Values, shades & harmoniesOpenOpen palette in generator→
Quiet gallery
#ecedefrgb(236, 237, 239)Values, shades & harmoniesOpenOpen palette in generator→
#b8bec8rgb(184, 190, 200)Values, shades & harmoniesOpenOpen palette in generator→
#555f71rgb(85, 95, 113)Values, shades & harmoniesOpenOpen palette in generator→
#1f2734rgb(31, 39, 52)Values, shades & harmoniesOpenOpen palette in generator→
#e038c1rgb(224, 56, 193)Values, shades & harmoniesOpenOpen palette in generator→
Faded concrete
#eeeff1rgb(238, 239, 241)Values, shades & harmoniesOpenOpen palette in generator→
#abb0bfrgb(171, 176, 191)Values, shades & harmoniesOpenOpen palette in generator→
#62697ergb(98, 105, 126)Values, shades & harmoniesOpenOpen palette in generator→
#283446rgb(40, 52, 70)Values, shades & harmoniesOpenOpen palette in generator→
#2cdda1rgb(44, 221, 161)Values, shades & harmoniesOpenOpen palette in generator→
Vivid editorial
#e8eaedrgb(232, 234, 237)Values, shades & harmoniesOpenOpen palette in generator→
#afb6c3rgb(175, 182, 195)Values, shades & harmoniesOpenOpen palette in generator→
#5c6c89rgb(92, 108, 137)Values, shades & harmoniesOpenOpen palette in generator→
#1c2633rgb(28, 38, 51)Values, shades & harmoniesOpenOpen palette in generator→
#e34361rgb(227, 67, 97)Values, shades & harmoniesOpenOpen palette in generator→
Smoky whitespace
#f2f2f3rgb(242, 242, 243)Values, shades & harmoniesOpenOpen palette in generator→
#bbbfc8rgb(187, 191, 200)Values, shades & harmoniesOpenOpen palette in generator→
#58647crgb(88, 100, 124)Values, shades & harmoniesOpenOpen palette in generator→
#2a3042rgb(42, 48, 66)Values, shades & harmoniesOpenOpen palette in generator→
#7248e3rgb(114, 72, 227)Values, shades & harmoniesOpenOpen palette in generator→
Clear framework
#f0f1f2rgb(240, 241, 242)Values, shades & harmoniesOpenOpen palette in generator→
#a6acbdrgb(166, 172, 189)Values, shades & harmoniesOpenOpen palette in generator→
#5a6d86rgb(90, 109, 134)Values, shades & harmoniesOpenOpen palette in generator→
#1d2330rgb(29, 35, 48)Values, shades & harmoniesOpenOpen palette in generator→
#dc5d46rgb(220, 93, 70)Values, shades & harmoniesOpenOpen palette in generator→
Dusky contour
#f1f2f4rgb(241, 242, 244)Values, shades & harmoniesOpenOpen palette in generator→
#afb3bcrgb(175, 179, 188)Values, shades & harmoniesOpenOpen palette in generator→
#616983rgb(97, 105, 131)Values, shades & harmoniesOpenOpen palette in generator→
#283343rgb(40, 51, 67)Values, shades & harmoniesOpenOpen palette in generator→
#d86935rgb(216, 105, 53)Values, shades & harmoniesOpenOpen palette in generator→
Warm neue
#e9e9ebrgb(233, 233, 235)Values, shades & harmoniesOpenOpen palette in generator→
#a6acb8rgb(166, 172, 184)Values, shades & harmoniesOpenOpen palette in generator→
#515a74rgb(81, 90, 116)Values, shades & harmoniesOpenOpen palette in generator→
#232d3ergb(35, 45, 62)Values, shades & harmoniesOpenOpen palette in generator→
#e13b89rgb(225, 59, 137)Values, shades & harmoniesOpenOpen palette in generator→
Cool atelier
#eff0f3rgb(239, 240, 243)Values, shades & harmoniesOpenOpen palette in generator→
#b4b7c1rgb(180, 183, 193)Values, shades & harmoniesOpenOpen palette in generator→
#55617argb(85, 97, 122)Values, shades & harmoniesOpenOpen palette in generator→
#1d242ergb(29, 36, 46)Values, shades & harmoniesOpenOpen palette in generator→
#7847dcrgb(120, 71, 220)Values, shades & harmoniesOpenOpen palette in generator→
Frequently asked questions
Modern palettes pair grays and off-whites with one saturated accent. Restraint is the pairing rule.
A modern palette is chosen for the feeling it creates rather than a specific hue. The schemes on this page keep that mood consistent so you can apply any of them and get the same emotional read.
A strong example from this page is Studio: #e6e7eb, #aaafbd, #535b75, #25303e, #3dd9dd. 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 generatorMore free tools for your next project
New
Calendar makerFree online calendar maker, add your photos and download a print-ready file
Pixel stretch generatorMake the pixel stretch effect online in seconds
Anti-AI text makerAnti-AI text maker for creating text that AI can't read
Image to pixel artPixelate any photo with retro palettes, then download PNG, SVG or animation
Font generatorCopy and paste fonts for Instagram, TikTok and Discord bios
Gradient makerMake vibrant custom gradients for web and print instantly
Bitmap makerTurn any photo into 1-bit dither and halftone bitmap art
Pattern generatorTurn any color palette into seamless geometric patterns
RGB to CMYK converterTrue CMYK conversion with a print ready download in seconds
Remove BackgroundCut out the background from any image in one click
Image upscalerSharpen and enlarge photos up to 4x without losing detail
Color palette generatorPull HEX, RGB, CMYK, and Pantone codes from any image
Contrast checkerCheck color contrast for accessible, readable designs
Convert DOC to PDFTurn any Word document into a print ready PDF instantly
Business card makerCreate custom business cards and download print ready files
Sticker sheet makerArrange your designs and print custom sticker sheets
Sticker makerDesign custom die cut stickers in any shape from your artwork
Instagram name makerTurn your Instagram handle into a custom sticker in seconds
Calendar makerFree online calendar maker, add your photos and download a print-ready filePixel stretch generatorMake the pixel stretch effect online in secondsAnti-AI text makerAnti-AI text maker for creating text that AI can't readImage to pixel artPixelate any photo with retro palettes, then download PNG, SVG or animationFont generatorCopy and paste fonts for Instagram, TikTok and Discord biosGradient makerMake vibrant custom gradients for web and print instantlyBitmap makerTurn any photo into 1-bit dither and halftone bitmap artPattern generatorTurn any color palette into seamless geometric patternsRGB to CMYK converterTrue CMYK conversion with a print ready download in secondsRemove BackgroundCut out the background from any image in one clickImage upscalerSharpen and enlarge photos up to 4x without losing detailColor palette generatorPull HEX, RGB, CMYK, and Pantone codes from any imageContrast checkerCheck color contrast for accessible, readable designsConvert DOC to PDFTurn any Word document into a print ready PDF instantlyBusiness card makerCreate custom business cards and download print ready filesSticker sheet makerArrange your designs and print custom sticker sheetsSticker makerDesign custom die cut stickers in any shape from your artworkInstagram name makerTurn your Instagram handle into a custom sticker in seconds
