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
Font generatorCopy and paste fonts for Instagram, TikTok and Discord biosNew
Gradient makerMake vibrant custom gradients for web and print instantlyNew
Bitmap makerTurn any photo into 1-bit dither and halftone bitmap artNew
Pattern generatorTurn any color palette into seamless geometric patternsNew
RGB to CMYK converterTrue CMYK conversion with a print ready download in seconds
Background removerCut 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
Font generatorCopy and paste fonts for Instagram, TikTok and Discord biosNewGradient makerMake vibrant custom gradients for web and print instantlyNewBitmap makerTurn any photo into 1-bit dither and halftone bitmap artNewPattern generatorTurn any color palette into seamless geometric patternsNewRGB to CMYK converterTrue CMYK conversion with a print ready download in secondsBackground removerCut 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
