Lifelike Skin Tones Color Palette

A single continuous value ramp of true-to-life skin, from a porcelain highlight down to the deepest shadow. Built as a neutral reference spine for portrait work — every step is about one painterly value apart, so you can shade a whole face top to bottom without leaving the palette. Warm enough to read as flesh, restrained enough not to fight your light source.

Open in Paintrix

Get Paintrix free on the App Store.

Download

.swatches Procreate · Paintrix .ase Adobe · Affinity .gpl GIMP · Inkscape

Hex codes

Color theory

Base

Complement

Analogous −30°

Analogous +30°

Triadic

Use it for

portrait shadingcharacter skinvalue studiesfigure drawing

Code formats

CSS

:root {
  --realistic-skin-tones-1: #FCEEE4;
  --realistic-skin-tones-2: #F8E5D8;
  --realistic-skin-tones-3: #F4DCCB;
  --realistic-skin-tones-4: #EFD2BE;
  --realistic-skin-tones-5: #EAC8B0;
  --realistic-skin-tones-6: #E4BDA2;
  --realistic-skin-tones-7: #DDB295;
  --realistic-skin-tones-8: #D6A788;
  --realistic-skin-tones-9: #CE9B7B;
  --realistic-skin-tones-10: #C6906F;
  --realistic-skin-tones-11: #BD8563;
  --realistic-skin-tones-12: #B47A58;
  --realistic-skin-tones-13: #AA6F4E;
  --realistic-skin-tones-14: #A06444;
  --realistic-skin-tones-15: #955A3C;
  --realistic-skin-tones-16: #8B5134;
  --realistic-skin-tones-17: #80482C;
  --realistic-skin-tones-18: #754026;
  --realistic-skin-tones-19: #6A3921;
  --realistic-skin-tones-20: #60321C;
  --realistic-skin-tones-21: #562C18;
  --realistic-skin-tones-22: #4D2715;
  --realistic-skin-tones-23: #442112;
  --realistic-skin-tones-24: #3B1C0F;
  --realistic-skin-tones-25: #33170C;
  --realistic-skin-tones-26: #2B130A;
  --realistic-skin-tones-27: #241008;
  --realistic-skin-tones-28: #1F0D07;
  --realistic-skin-tones-29: #190A05;
  --realistic-skin-tones-30: #140804;
}

SCSS

$realistic-skin-tones-1: #FCEEE4;
$realistic-skin-tones-2: #F8E5D8;
$realistic-skin-tones-3: #F4DCCB;
$realistic-skin-tones-4: #EFD2BE;
$realistic-skin-tones-5: #EAC8B0;
$realistic-skin-tones-6: #E4BDA2;
$realistic-skin-tones-7: #DDB295;
$realistic-skin-tones-8: #D6A788;
$realistic-skin-tones-9: #CE9B7B;
$realistic-skin-tones-10: #C6906F;
$realistic-skin-tones-11: #BD8563;
$realistic-skin-tones-12: #B47A58;
$realistic-skin-tones-13: #AA6F4E;
$realistic-skin-tones-14: #A06444;
$realistic-skin-tones-15: #955A3C;
$realistic-skin-tones-16: #8B5134;
$realistic-skin-tones-17: #80482C;
$realistic-skin-tones-18: #754026;
$realistic-skin-tones-19: #6A3921;
$realistic-skin-tones-20: #60321C;
$realistic-skin-tones-21: #562C18;
$realistic-skin-tones-22: #4D2715;
$realistic-skin-tones-23: #442112;
$realistic-skin-tones-24: #3B1C0F;
$realistic-skin-tones-25: #33170C;
$realistic-skin-tones-26: #2B130A;
$realistic-skin-tones-27: #241008;
$realistic-skin-tones-28: #1F0D07;
$realistic-skin-tones-29: #190A05;
$realistic-skin-tones-30: #140804;

Tailwind

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'realistic-skin-tones': {
          '1': '#FCEEE4',
          '2': '#F8E5D8',
          '3': '#F4DCCB',
          '4': '#EFD2BE',
          '5': '#EAC8B0',
          '6': '#E4BDA2',
          '7': '#DDB295',
          '8': '#D6A788',
          '9': '#CE9B7B',
          '10': '#C6906F',
          '11': '#BD8563',
          '12': '#B47A58',
          '13': '#AA6F4E',
          '14': '#A06444',
          '15': '#955A3C',
          '16': '#8B5134',
          '17': '#80482C',
          '18': '#754026',
          '19': '#6A3921',
          '20': '#60321C',
          '21': '#562C18',
          '22': '#4D2715',
          '23': '#442112',
          '24': '#3B1C0F',
          '25': '#33170C',
          '26': '#2B130A',
          '27': '#241008',
          '28': '#1F0D07',
          '29': '#190A05',
          '30': '#140804',
        },
      },
    },
  },
};

JSON

{
  "name": "Lifelike Skin Tones",
  "colors": [
    "#FCEEE4",
    "#F8E5D8",
    "#F4DCCB",
    "#EFD2BE",
    "#EAC8B0",
    "#E4BDA2",
    "#DDB295",
    "#D6A788",
    "#CE9B7B",
    "#C6906F",
    "#BD8563",
    "#B47A58",
    "#AA6F4E",
    "#A06444",
    "#955A3C",
    "#8B5134",
    "#80482C",
    "#754026",
    "#6A3921",
    "#60321C",
    "#562C18",
    "#4D2715",
    "#442112",
    "#3B1C0F",
    "#33170C",
    "#2B130A",
    "#241008",
    "#1F0D07",
    "#190A05",
    "#140804"
  ]
}

Hex list

#FCEEE4
#F8E5D8
#F4DCCB
#EFD2BE
#EAC8B0
#E4BDA2
#DDB295
#D6A788
#CE9B7B
#C6906F
#BD8563
#B47A58
#AA6F4E
#A06444
#955A3C
#8B5134
#80482C
#754026
#6A3921
#60321C
#562C18
#4D2715
#442112
#3B1C0F
#33170C
#2B130A
#241008
#1F0D07
#190A05
#140804

Lifelike Skin Tones Color Palette

Download

Hex codes

Color theory

Use it for

Code formats

Related palettes