Skin tone color palettes

Skin tone palettes matter for illustration and character design. These ramps step through the full range of human skin, porcelain to ebony.

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

Extract a palette from your own image

Porcelain

#ead2c8rgb(234, 210, 200)Values, shades & harmoniesOpenOpen palette in generator→
#d7b19drgb(215, 177, 157)Values, shades & harmoniesOpenOpen palette in generator→
#c29175rgb(194, 145, 117)Values, shades & harmoniesOpenOpen palette in generator→
#aa7450rgb(170, 116, 80)Values, shades & harmoniesOpenOpen palette in generator→
#7e5a3frgb(126, 90, 63)Values, shades & harmoniesOpenOpen palette in generator→

Ivory warm

#efddd5rgb(239, 221, 213)Values, shades & harmoniesOpenOpen palette in generator→
#dcbcabrgb(220, 188, 171)Values, shades & harmoniesOpenOpen palette in generator→
#c79d82rgb(199, 157, 130)Values, shades & harmoniesOpenOpen palette in generator→
#b07f5crgb(176, 127, 92)Values, shades & harmoniesOpenOpen palette in generator→
#896446rgb(137, 100, 70)Values, shades & harmoniesOpenOpen palette in generator→

Sand beige

#ebd7ccrgb(235, 215, 204)Values, shades & harmoniesOpenOpen palette in generator→
#d7b6a3rgb(215, 182, 163)Values, shades & harmoniesOpenOpen palette in generator→
#c2977brgb(194, 151, 123)Values, shades & harmoniesOpenOpen palette in generator→
#ab7a55rgb(171, 122, 85)Values, shades & harmoniesOpenOpen palette in generator→
#7f5f43rgb(127, 95, 67)Values, shades & harmoniesOpenOpen palette in generator→

Honey

#eedfd6rgb(238, 223, 214)Values, shades & harmoniesOpenOpen palette in generator→
#dbbeacrgb(219, 190, 172)Values, shades & harmoniesOpenOpen palette in generator→
#c5a084rgb(197, 160, 132)Values, shades & harmoniesOpenOpen palette in generator→
#ae835ergb(174, 131, 94)Values, shades & harmoniesOpenOpen palette in generator→
#876749rgb(135, 103, 73)Values, shades & harmoniesOpenOpen palette in generator→

Olive tone

#eee0d7rgb(238, 224, 215)Values, shades & harmoniesOpenOpen palette in generator→
#dac0aergb(218, 192, 174)Values, shades & harmoniesOpenOpen palette in generator→
#c5a286rgb(197, 162, 134)Values, shades & harmoniesOpenOpen palette in generator→
#ad8560rgb(173, 133, 96)Values, shades & harmoniesOpenOpen palette in generator→
#86694argb(134, 105, 74)Values, shades & harmoniesOpenOpen palette in generator→

Golden tan

#d6b5a0rgb(214, 181, 160)Values, shades & harmoniesOpenOpen palette in generator→
#c19778rgb(193, 151, 120)Values, shades & harmoniesOpenOpen palette in generator→
#a97a53rgb(169, 122, 83)Values, shades & harmoniesOpenOpen palette in generator→
#7d5f42rgb(125, 95, 66)Values, shades & harmoniesOpenOpen palette in generator→
#53422frgb(83, 66, 47)Values, shades & harmoniesOpenOpen palette in generator→

Caramel

#d6b7a1rgb(214, 183, 161)Values, shades & harmoniesOpenOpen palette in generator→
#c0997argb(192, 153, 122)Values, shades & harmoniesOpenOpen palette in generator→
#a87c55rgb(168, 124, 85)Values, shades & harmoniesOpenOpen palette in generator→
#7c6043rgb(124, 96, 67)Values, shades & harmoniesOpenOpen palette in generator→
#534330rgb(83, 67, 48)Values, shades & harmoniesOpenOpen palette in generator→

Sienna

#d8bda9rgb(216, 189, 169)Values, shades & harmoniesOpenOpen palette in generator→
#c3a082rgb(195, 160, 130)Values, shades & harmoniesOpenOpen palette in generator→
#ab835crgb(171, 131, 92)Values, shades & harmoniesOpenOpen palette in generator→
#826748rgb(130, 103, 72)Values, shades & harmoniesOpenOpen palette in generator→
#594934rgb(89, 73, 52)Values, shades & harmoniesOpenOpen palette in generator→

Bronze

#d9c1adrgb(217, 193, 173)Values, shades & harmoniesOpenOpen palette in generator→
#c3a386rgb(195, 163, 134)Values, shades & harmoniesOpenOpen palette in generator→
#ac8761rgb(172, 135, 97)Values, shades & harmoniesOpenOpen palette in generator→
#846a4argb(132, 106, 74)Values, shades & harmoniesOpenOpen palette in generator→
#5b4c37rgb(91, 76, 55)Values, shades & harmoniesOpenOpen palette in generator→

Umber deep

#dbc6b3rgb(219, 198, 179)Values, shades & harmoniesOpenOpen palette in generator→
#c5a98crgb(197, 169, 140)Values, shades & harmoniesOpenOpen palette in generator→
#ad8c67rgb(173, 140, 103)Values, shades & harmoniesOpenOpen palette in generator→
#896f4ergb(137, 111, 78)Values, shades & harmoniesOpenOpen palette in generator→
#5f513argb(95, 81, 58)Values, shades & harmoniesOpenOpen palette in generator→

Espresso rich

#c4a384rgb(196, 163, 132)Values, shades & harmoniesOpenOpen palette in generator→
#ac865ergb(172, 134, 94)Values, shades & harmoniesOpenOpen palette in generator→
#846a49rgb(132, 106, 73)Values, shades & harmoniesOpenOpen palette in generator→
#5b4b35rgb(91, 75, 53)Values, shades & harmoniesOpenOpen palette in generator→
#332c20rgb(51, 44, 32)Values, shades & harmoniesOpenOpen palette in generator→

Ebony

#be9d7crgb(190, 157, 124)Values, shades & harmoniesOpenOpen palette in generator→
#a68157rgb(166, 129, 87)Values, shades & harmoniesOpenOpen palette in generator→
#7b6445rgb(123, 100, 69)Values, shades & harmoniesOpenOpen palette in generator→
#524531rgb(82, 69, 49)Values, shades & harmoniesOpenOpen palette in generator→
#2a251brgb(42, 37, 27)Values, shades & harmoniesOpenOpen palette in generator→

Deep porcelain

#c3a788rgb(195, 167, 136)Values, shades & harmoniesOpenOpen palette in generator→
#ab8b63rgb(171, 139, 99)Values, shades & harmoniesOpenOpen palette in generator→
#856d4crgb(133, 109, 76)Values, shades & harmoniesOpenOpen palette in generator→
#5c4e38rgb(92, 78, 56)Values, shades & harmoniesOpenOpen palette in generator→
#342e22rgb(52, 46, 34)Values, shades & harmoniesOpenOpen palette in generator→

Pale ivory warm

#c0a484rgb(192, 164, 132)Values, shades & harmoniesOpenOpen palette in generator→
#a78960rgb(167, 137, 96)Values, shades & harmoniesOpenOpen palette in generator→
#7f6a4brgb(127, 106, 75)Values, shades & harmoniesOpenOpen palette in generator→
#564b36rgb(86, 75, 54)Values, shades & harmoniesOpenOpen palette in generator→
#302a20rgb(48, 42, 32)Values, shades & harmoniesOpenOpen palette in generator→

Soft sand beige

#b99d79rgb(185, 157, 121)Values, shades & harmoniesOpenOpen palette in generator→
#9d8158rgb(157, 129, 88)Values, shades & harmoniesOpenOpen palette in generator→
#736245rgb(115, 98, 69)Values, shades & harmoniesOpenOpen palette in generator→
#4b4230rgb(75, 66, 48)Values, shades & harmoniesOpenOpen palette in generator→
#252119rgb(37, 33, 25)Values, shades & harmoniesOpenOpen palette in generator→

Bold honey

#a08156rgb(160, 129, 86)Values, shades & harmoniesOpenOpen palette in generator→
#766244rgb(118, 98, 68)Values, shades & harmoniesOpenOpen palette in generator→
#4d422frgb(77, 66, 47)Values, shades & harmoniesOpenOpen palette in generator→
#262219rgb(38, 34, 25)Values, shades & harmoniesOpenOpen palette in generator→
#252118rgb(37, 33, 24)Values, shades & harmoniesOpenOpen palette in generator→

Quiet olive tone

#8d744ergb(141, 116, 78)Values, shades & harmoniesOpenOpen palette in generator→
#64543argb(100, 84, 58)Values, shades & harmoniesOpenOpen palette in generator→
#3c3425rgb(60, 52, 37)Values, shades & harmoniesOpenOpen palette in generator→
#252118rgb(37, 33, 24)Values, shades & harmoniesOpenOpen palette in generator→
#252118rgb(37, 33, 24)Values, shades & harmoniesOpenOpen palette in generator→

Faded golden tan

#8d754frgb(141, 117, 79)Values, shades & harmoniesOpenOpen palette in generator→
#64553crgb(100, 85, 60)Values, shades & harmoniesOpenOpen palette in generator→
#3c3526rgb(60, 53, 38)Values, shades & harmoniesOpenOpen palette in generator→
#252118rgb(37, 33, 24)Values, shades & harmoniesOpenOpen palette in generator→
#252218rgb(37, 34, 24)Values, shades & harmoniesOpenOpen palette in generator→

Vivid caramel

#998158rgb(153, 129, 88)Values, shades & harmoniesOpenOpen palette in generator→
#706144rgb(112, 97, 68)Values, shades & harmoniesOpenOpen palette in generator→
#48402frgb(72, 64, 47)Values, shades & harmoniesOpenOpen palette in generator→
#252118rgb(37, 33, 24)Values, shades & harmoniesOpenOpen palette in generator→
#252218rgb(37, 34, 24)Values, shades & harmoniesOpenOpen palette in generator→

Smoky sienna

#8b7752rgb(139, 119, 82)Values, shades & harmoniesOpenOpen palette in generator→
#62563drgb(98, 86, 61)Values, shades & harmoniesOpenOpen palette in generator→
#3b3527rgb(59, 53, 39)Values, shades & harmoniesOpenOpen palette in generator→
#252218rgb(37, 34, 24)Values, shades & harmoniesOpenOpen palette in generator→
#252218rgb(37, 34, 24)Values, shades & harmoniesOpenOpen palette in generator→

Clear bronze

#594d36rgb(89, 77, 54)Values, shades & harmoniesOpenOpen palette in generator→
#322c20rgb(50, 44, 32)Values, shades & harmoniesOpenOpen palette in generator→
#252118rgb(37, 33, 24)Values, shades & harmoniesOpenOpen palette in generator→
#252218rgb(37, 34, 24)Values, shades & harmoniesOpenOpen palette in generator→
#252218rgb(37, 34, 24)Values, shades & harmoniesOpenOpen palette in generator→

Dusky umber deep

#5b5038rgb(91, 80, 56)Values, shades & harmoniesOpenOpen palette in generator→
#342f22rgb(52, 47, 34)Values, shades & harmoniesOpenOpen palette in generator→
#252218rgb(37, 34, 24)Values, shades & harmoniesOpenOpen palette in generator→
#252218rgb(37, 34, 24)Values, shades & harmoniesOpenOpen palette in generator→
#252218rgb(37, 34, 24)Values, shades & harmoniesOpenOpen palette in generator→

Warm espresso rich

#564c36rgb(86, 76, 54)Values, shades & harmoniesOpenOpen palette in generator→
#2f2b1frgb(47, 43, 31)Values, shades & harmoniesOpenOpen palette in generator→
#252218rgb(37, 34, 24)Values, shades & harmoniesOpenOpen palette in generator→
#252218rgb(37, 34, 24)Values, shades & harmoniesOpenOpen palette in generator→
#252318rgb(37, 35, 24)Values, shades & harmoniesOpenOpen palette in generator→

Cool ebony

#574e38rgb(87, 78, 56)Values, shades & harmoniesOpenOpen palette in generator→
#312d20rgb(49, 45, 32)Values, shades & harmoniesOpenOpen palette in generator→
#252218rgb(37, 34, 24)Values, shades & harmoniesOpenOpen palette in generator→
#252318rgb(37, 35, 24)Values, shades & harmoniesOpenOpen palette in generator→
#252318rgb(37, 35, 24)Values, shades & harmoniesOpenOpen palette in generator→

Frequently asked questions

Skin tones pair with almost any palette, they behave as warm neutrals. Test contrast against backgrounds.

Skin tone palettes borrow their logic from a familiar reference, which gives your work instant recognition. Every scheme on this page keeps that reference clear while staying usable in real layouts.

A strong example from this page is Porcelain: #ead2c8, #d7b19d, #c29175, #aa7450, #7e5a3f. 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 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 biosNewFree 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 instantlyNewFree 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 artNewFree pattern generator that turns any color palette into seamless geometric patterns, posters and wallpapersPattern generatorTurn any color palette into seamless geometric patternsNewRGB 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 secondsBackground remover tool that removes image backgrounds and outputs transparent PNG filesBackground removerCut 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