Medium & Tan Skin Color Palette

The middle of the complexion spectrum, where so many faces actually live — light-tan and golden through olive and neutral browns into a deep-medium close. Banded by undertone (golden, olive, neutral) so you can match a tan or olive cast precisely rather than averaging to mud. Completes the set between the fair and deep palettes.

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

medium and tan skinolive complexionsportraitscharacter design

Code formats

CSS

:root {
  --medium-skin-tones-1: #E8C4A4;
  --medium-skin-tones-2: #E0B795;
  --medium-skin-tones-3: #D8AB86;
  --medium-skin-tones-4: #CF9E77;
  --medium-skin-tones-5: #C69169;
  --medium-skin-tones-6: #BC845C;
  --medium-skin-tones-7: #C28E5E;
  --medium-skin-tones-8: #B58151;
  --medium-skin-tones-9: #A87447;
  --medium-skin-tones-10: #9B683E;
  --medium-skin-tones-11: #8D5C36;
  --medium-skin-tones-12: #7F512F;
  --medium-skin-tones-13: #A08A5E;
  --medium-skin-tones-14: #917C52;
  --medium-skin-tones-15: #826F48;
  --medium-skin-tones-16: #73623E;
  --medium-skin-tones-17: #645535;
  --medium-skin-tones-18: #56492D;
  --medium-skin-tones-19: #9A7058;
  --medium-skin-tones-20: #8C654E;
  --medium-skin-tones-21: #7E5A45;
  --medium-skin-tones-22: #70503D;
  --medium-skin-tones-23: #624635;
  --medium-skin-tones-24: #553D2E;
  --medium-skin-tones-25: #6E4D3A;
  --medium-skin-tones-26: #624433;
  --medium-skin-tones-27: #563B2C;
  --medium-skin-tones-28: #4A3326;
  --medium-skin-tones-29: #3F2B20;
  --medium-skin-tones-30: #34231A;
}

SCSS

$medium-skin-tones-1: #E8C4A4;
$medium-skin-tones-2: #E0B795;
$medium-skin-tones-3: #D8AB86;
$medium-skin-tones-4: #CF9E77;
$medium-skin-tones-5: #C69169;
$medium-skin-tones-6: #BC845C;
$medium-skin-tones-7: #C28E5E;
$medium-skin-tones-8: #B58151;
$medium-skin-tones-9: #A87447;
$medium-skin-tones-10: #9B683E;
$medium-skin-tones-11: #8D5C36;
$medium-skin-tones-12: #7F512F;
$medium-skin-tones-13: #A08A5E;
$medium-skin-tones-14: #917C52;
$medium-skin-tones-15: #826F48;
$medium-skin-tones-16: #73623E;
$medium-skin-tones-17: #645535;
$medium-skin-tones-18: #56492D;
$medium-skin-tones-19: #9A7058;
$medium-skin-tones-20: #8C654E;
$medium-skin-tones-21: #7E5A45;
$medium-skin-tones-22: #70503D;
$medium-skin-tones-23: #624635;
$medium-skin-tones-24: #553D2E;
$medium-skin-tones-25: #6E4D3A;
$medium-skin-tones-26: #624433;
$medium-skin-tones-27: #563B2C;
$medium-skin-tones-28: #4A3326;
$medium-skin-tones-29: #3F2B20;
$medium-skin-tones-30: #34231A;

Tailwind

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'medium-skin-tones': {
          '1': '#E8C4A4',
          '2': '#E0B795',
          '3': '#D8AB86',
          '4': '#CF9E77',
          '5': '#C69169',
          '6': '#BC845C',
          '7': '#C28E5E',
          '8': '#B58151',
          '9': '#A87447',
          '10': '#9B683E',
          '11': '#8D5C36',
          '12': '#7F512F',
          '13': '#A08A5E',
          '14': '#917C52',
          '15': '#826F48',
          '16': '#73623E',
          '17': '#645535',
          '18': '#56492D',
          '19': '#9A7058',
          '20': '#8C654E',
          '21': '#7E5A45',
          '22': '#70503D',
          '23': '#624635',
          '24': '#553D2E',
          '25': '#6E4D3A',
          '26': '#624433',
          '27': '#563B2C',
          '28': '#4A3326',
          '29': '#3F2B20',
          '30': '#34231A',
        },
      },
    },
  },
};

JSON

{
  "name": "Medium & Tan Skin",
  "colors": [
    "#E8C4A4",
    "#E0B795",
    "#D8AB86",
    "#CF9E77",
    "#C69169",
    "#BC845C",
    "#C28E5E",
    "#B58151",
    "#A87447",
    "#9B683E",
    "#8D5C36",
    "#7F512F",
    "#A08A5E",
    "#917C52",
    "#826F48",
    "#73623E",
    "#645535",
    "#56492D",
    "#9A7058",
    "#8C654E",
    "#7E5A45",
    "#70503D",
    "#624635",
    "#553D2E",
    "#6E4D3A",
    "#624433",
    "#563B2C",
    "#4A3326",
    "#3F2B20",
    "#34231A"
  ]
}

Hex list

#E8C4A4
#E0B795
#D8AB86
#CF9E77
#C69169
#BC845C
#C28E5E
#B58151
#A87447
#9B683E
#8D5C36
#7F512F
#A08A5E
#917C52
#826F48
#73623E
#645535
#56492D
#9A7058
#8C654E
#7E5A45
#70503D
#624635
#553D2E
#6E4D3A
#624433
#563B2C
#4A3326
#3F2B20
#34231A

Medium & Tan Skin Color Palette

Download

Hex codes

Color theory

Use it for

Code formats

Related palettes