Anime Skin Tones Color Palette

A character-art skin ramp that runs from porcelain through tan to deep umber, spaced so each step is a usable shade rather than a gradient sample. It includes a dedicated blush and rose-shadow set — the colours anime and webtoon artists actually struggle to mix — so cheeks and core shadows stay warm instead of going muddy grey. Drop the lightest tones as a base and the deepest as line-friendly shadow.

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

cel shadingblush and cheekscore shadowswebtoon faces

Code formats

CSS

:root {
  --anime-skin-tones-1: #FCE9DA;
  --anime-skin-tones-2: #F8DCC6;
  --anime-skin-tones-3: #F3CDB0;
  --anime-skin-tones-4: #ECBA97;
  --anime-skin-tones-5: #E0A57E;
  --anime-skin-tones-6: #CE8A62;
  --anime-skin-tones-7: #B5704A;
  --anime-skin-tones-8: #98583A;
  --anime-skin-tones-9: #7A4430;
  --anime-skin-tones-10: #5E3424;
  --anime-skin-tones-11: #F2D8CE;
  --anime-skin-tones-12: #E6BEB0;
  --anime-skin-tones-13: #D2A292;
  --anime-skin-tones-14: #B98472;
  --anime-skin-tones-15: #9A6553;
  --anime-skin-tones-16: #7A4A3C;
  --anime-skin-tones-17: #E8C9A0;
  --anime-skin-tones-18: #D2AC7E;
  --anime-skin-tones-19: #B98E60;
  --anime-skin-tones-20: #9A7048;
  --anime-skin-tones-21: #7C5636;
  --anime-skin-tones-22: #F6B6AE;
  --anime-skin-tones-23: #F09E98;
  --anime-skin-tones-24: #E58A86;
  --anime-skin-tones-25: #D77470;
  --anime-skin-tones-26: #8C4A4A;
  --anime-skin-tones-27: #6E3A3E;
  --anime-skin-tones-28: #5A2E36;
  --anime-skin-tones-29: #46232C;
  --anime-skin-tones-30: #321A22;
}

SCSS

$anime-skin-tones-1: #FCE9DA;
$anime-skin-tones-2: #F8DCC6;
$anime-skin-tones-3: #F3CDB0;
$anime-skin-tones-4: #ECBA97;
$anime-skin-tones-5: #E0A57E;
$anime-skin-tones-6: #CE8A62;
$anime-skin-tones-7: #B5704A;
$anime-skin-tones-8: #98583A;
$anime-skin-tones-9: #7A4430;
$anime-skin-tones-10: #5E3424;
$anime-skin-tones-11: #F2D8CE;
$anime-skin-tones-12: #E6BEB0;
$anime-skin-tones-13: #D2A292;
$anime-skin-tones-14: #B98472;
$anime-skin-tones-15: #9A6553;
$anime-skin-tones-16: #7A4A3C;
$anime-skin-tones-17: #E8C9A0;
$anime-skin-tones-18: #D2AC7E;
$anime-skin-tones-19: #B98E60;
$anime-skin-tones-20: #9A7048;
$anime-skin-tones-21: #7C5636;
$anime-skin-tones-22: #F6B6AE;
$anime-skin-tones-23: #F09E98;
$anime-skin-tones-24: #E58A86;
$anime-skin-tones-25: #D77470;
$anime-skin-tones-26: #8C4A4A;
$anime-skin-tones-27: #6E3A3E;
$anime-skin-tones-28: #5A2E36;
$anime-skin-tones-29: #46232C;
$anime-skin-tones-30: #321A22;

Tailwind

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'anime-skin-tones': {
          '1': '#FCE9DA',
          '2': '#F8DCC6',
          '3': '#F3CDB0',
          '4': '#ECBA97',
          '5': '#E0A57E',
          '6': '#CE8A62',
          '7': '#B5704A',
          '8': '#98583A',
          '9': '#7A4430',
          '10': '#5E3424',
          '11': '#F2D8CE',
          '12': '#E6BEB0',
          '13': '#D2A292',
          '14': '#B98472',
          '15': '#9A6553',
          '16': '#7A4A3C',
          '17': '#E8C9A0',
          '18': '#D2AC7E',
          '19': '#B98E60',
          '20': '#9A7048',
          '21': '#7C5636',
          '22': '#F6B6AE',
          '23': '#F09E98',
          '24': '#E58A86',
          '25': '#D77470',
          '26': '#8C4A4A',
          '27': '#6E3A3E',
          '28': '#5A2E36',
          '29': '#46232C',
          '30': '#321A22',
        },
      },
    },
  },
};

JSON

{
  "name": "Anime Skin Tones",
  "colors": [
    "#FCE9DA",
    "#F8DCC6",
    "#F3CDB0",
    "#ECBA97",
    "#E0A57E",
    "#CE8A62",
    "#B5704A",
    "#98583A",
    "#7A4430",
    "#5E3424",
    "#F2D8CE",
    "#E6BEB0",
    "#D2A292",
    "#B98472",
    "#9A6553",
    "#7A4A3C",
    "#E8C9A0",
    "#D2AC7E",
    "#B98E60",
    "#9A7048",
    "#7C5636",
    "#F6B6AE",
    "#F09E98",
    "#E58A86",
    "#D77470",
    "#8C4A4A",
    "#6E3A3E",
    "#5A2E36",
    "#46232C",
    "#321A22"
  ]
}

Hex list

#FCE9DA
#F8DCC6
#F3CDB0
#ECBA97
#E0A57E
#CE8A62
#B5704A
#98583A
#7A4430
#5E3424
#F2D8CE
#E6BEB0
#D2A292
#B98472
#9A6553
#7A4A3C
#E8C9A0
#D2AC7E
#B98E60
#9A7048
#7C5636
#F6B6AE
#F09E98
#E58A86
#D77470
#8C4A4A
#6E3A3E
#5A2E36
#46232C
#321A22

Anime Skin Tones Color Palette

Download

Hex codes

Color theory

Use it for

Code formats

Related palettes