Cool Undertones Color Palette

Skin read through cool undertones — rosy porcelain, pink-beige, and neutral-cool tans into rosy-brown depths. The pink and blue-leaning casts make it the counterpart to the warm-undertone set, for complexions that flush rather than tan. Grouped in bands so you can match a specific cool cast instead of a generic mid-tone.

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

cool portraitscharacter skinovercast lightingfigure drawing

Code formats

CSS

:root {
  --cool-skin-undertones-1: #FBE9E6;
  --cool-skin-undertones-2: #F6DDDA;
  --cool-skin-undertones-3: #F0D0CC;
  --cool-skin-undertones-4: #E9C3BE;
  --cool-skin-undertones-5: #E1B5AF;
  --cool-skin-undertones-6: #D8A8A0;
  --cool-skin-undertones-7: #CE9A90;
  --cool-skin-undertones-8: #C28D82;
  --cool-skin-undertones-9: #B57F74;
  --cool-skin-undertones-10: #A77267;
  --cool-skin-undertones-11: #99655B;
  --cool-skin-undertones-12: #8B594F;
  --cool-skin-undertones-13: #9E7468;
  --cool-skin-undertones-14: #8F685D;
  --cool-skin-undertones-15: #805C52;
  --cool-skin-undertones-16: #725147;
  --cool-skin-undertones-17: #64463D;
  --cool-skin-undertones-18: #573C33;
  --cool-skin-undertones-19: #6B463E;
  --cool-skin-undertones-20: #5E3D36;
  --cool-skin-undertones-21: #52352E;
  --cool-skin-undertones-22: #462D27;
  --cool-skin-undertones-23: #3B2620;
  --cool-skin-undertones-24: #301F1A;
  --cool-skin-undertones-25: #2E211D;
  --cool-skin-undertones-26: #281D19;
  --cool-skin-undertones-27: #221915;
  --cool-skin-undertones-28: #1C1512;
  --cool-skin-undertones-29: #17110E;
  --cool-skin-undertones-30: #120D0B;
}

SCSS

$cool-skin-undertones-1: #FBE9E6;
$cool-skin-undertones-2: #F6DDDA;
$cool-skin-undertones-3: #F0D0CC;
$cool-skin-undertones-4: #E9C3BE;
$cool-skin-undertones-5: #E1B5AF;
$cool-skin-undertones-6: #D8A8A0;
$cool-skin-undertones-7: #CE9A90;
$cool-skin-undertones-8: #C28D82;
$cool-skin-undertones-9: #B57F74;
$cool-skin-undertones-10: #A77267;
$cool-skin-undertones-11: #99655B;
$cool-skin-undertones-12: #8B594F;
$cool-skin-undertones-13: #9E7468;
$cool-skin-undertones-14: #8F685D;
$cool-skin-undertones-15: #805C52;
$cool-skin-undertones-16: #725147;
$cool-skin-undertones-17: #64463D;
$cool-skin-undertones-18: #573C33;
$cool-skin-undertones-19: #6B463E;
$cool-skin-undertones-20: #5E3D36;
$cool-skin-undertones-21: #52352E;
$cool-skin-undertones-22: #462D27;
$cool-skin-undertones-23: #3B2620;
$cool-skin-undertones-24: #301F1A;
$cool-skin-undertones-25: #2E211D;
$cool-skin-undertones-26: #281D19;
$cool-skin-undertones-27: #221915;
$cool-skin-undertones-28: #1C1512;
$cool-skin-undertones-29: #17110E;
$cool-skin-undertones-30: #120D0B;

Tailwind

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'cool-skin-undertones': {
          '1': '#FBE9E6',
          '2': '#F6DDDA',
          '3': '#F0D0CC',
          '4': '#E9C3BE',
          '5': '#E1B5AF',
          '6': '#D8A8A0',
          '7': '#CE9A90',
          '8': '#C28D82',
          '9': '#B57F74',
          '10': '#A77267',
          '11': '#99655B',
          '12': '#8B594F',
          '13': '#9E7468',
          '14': '#8F685D',
          '15': '#805C52',
          '16': '#725147',
          '17': '#64463D',
          '18': '#573C33',
          '19': '#6B463E',
          '20': '#5E3D36',
          '21': '#52352E',
          '22': '#462D27',
          '23': '#3B2620',
          '24': '#301F1A',
          '25': '#2E211D',
          '26': '#281D19',
          '27': '#221915',
          '28': '#1C1512',
          '29': '#17110E',
          '30': '#120D0B',
        },
      },
    },
  },
};

JSON

{
  "name": "Cool Undertones",
  "colors": [
    "#FBE9E6",
    "#F6DDDA",
    "#F0D0CC",
    "#E9C3BE",
    "#E1B5AF",
    "#D8A8A0",
    "#CE9A90",
    "#C28D82",
    "#B57F74",
    "#A77267",
    "#99655B",
    "#8B594F",
    "#9E7468",
    "#8F685D",
    "#805C52",
    "#725147",
    "#64463D",
    "#573C33",
    "#6B463E",
    "#5E3D36",
    "#52352E",
    "#462D27",
    "#3B2620",
    "#301F1A",
    "#2E211D",
    "#281D19",
    "#221915",
    "#1C1512",
    "#17110E",
    "#120D0B"
  ]
}

Hex list

#FBE9E6
#F6DDDA
#F0D0CC
#E9C3BE
#E1B5AF
#D8A8A0
#CE9A90
#C28D82
#B57F74
#A77267
#99655B
#8B594F
#9E7468
#8F685D
#805C52
#725147
#64463D
#573C33
#6B463E
#5E3D36
#52352E
#462D27
#3B2620
#301F1A
#2E211D
#281D19
#221915
#1C1512
#17110E
#120D0B

Cool Undertones Color Palette

Download

Hex codes

Color theory

Use it for

Code formats

Related palettes