Blonde to Black Color Palette

Real hair, end to end: golden blondes, warm-to-dark brunettes, copper and auburn reds, true blue-blacks, and a band of silver and grey. Each family runs light to dark so you can lay in a base, then push shadows and highlights without hunting for a matching tone. The companion to any skin palette for portrait and character work.

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

hair base and shadowportraitscharacter designbraids and strands

Code formats

CSS

:root {
  --natural-hair-colors-1: #F4E7C6;
  --natural-hair-colors-2: #ECDAAB;
  --natural-hair-colors-3: #E1CB8C;
  --natural-hair-colors-4: #D4B96C;
  --natural-hair-colors-5: #C3A350;
  --natural-hair-colors-6: #AC8B3A;
  --natural-hair-colors-7: #9E7C46;
  --natural-hair-colors-8: #8B6B3B;
  --natural-hair-colors-9: #785B31;
  --natural-hair-colors-10: #664C28;
  --natural-hair-colors-11: #543E20;
  --natural-hair-colors-12: #433119;
  --natural-hair-colors-13: #B16A3E;
  --natural-hair-colors-14: #9C5532;
  --natural-hair-colors-15: #874228;
  --natural-hair-colors-16: #A24A2A;
  --natural-hair-colors-17: #7A3A22;
  --natural-hair-colors-18: #65301C;
  --natural-hair-colors-19: #221A12;
  --natural-hair-colors-20: #1C160E;
  --natural-hair-colors-21: #16110B;
  --natural-hair-colors-22: #100D08;
  --natural-hair-colors-23: #0C0906;
  --natural-hair-colors-24: #070504;
  --natural-hair-colors-25: #DDDBD4;
  --natural-hair-colors-26: #C3C1BA;
  --natural-hair-colors-27: #A7A69F;
  --natural-hair-colors-28: #8A8983;
  --natural-hair-colors-29: #6D6C67;
  --natural-hair-colors-30: #50504C;
}

SCSS

$natural-hair-colors-1: #F4E7C6;
$natural-hair-colors-2: #ECDAAB;
$natural-hair-colors-3: #E1CB8C;
$natural-hair-colors-4: #D4B96C;
$natural-hair-colors-5: #C3A350;
$natural-hair-colors-6: #AC8B3A;
$natural-hair-colors-7: #9E7C46;
$natural-hair-colors-8: #8B6B3B;
$natural-hair-colors-9: #785B31;
$natural-hair-colors-10: #664C28;
$natural-hair-colors-11: #543E20;
$natural-hair-colors-12: #433119;
$natural-hair-colors-13: #B16A3E;
$natural-hair-colors-14: #9C5532;
$natural-hair-colors-15: #874228;
$natural-hair-colors-16: #A24A2A;
$natural-hair-colors-17: #7A3A22;
$natural-hair-colors-18: #65301C;
$natural-hair-colors-19: #221A12;
$natural-hair-colors-20: #1C160E;
$natural-hair-colors-21: #16110B;
$natural-hair-colors-22: #100D08;
$natural-hair-colors-23: #0C0906;
$natural-hair-colors-24: #070504;
$natural-hair-colors-25: #DDDBD4;
$natural-hair-colors-26: #C3C1BA;
$natural-hair-colors-27: #A7A69F;
$natural-hair-colors-28: #8A8983;
$natural-hair-colors-29: #6D6C67;
$natural-hair-colors-30: #50504C;

Tailwind

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'natural-hair-colors': {
          '1': '#F4E7C6',
          '2': '#ECDAAB',
          '3': '#E1CB8C',
          '4': '#D4B96C',
          '5': '#C3A350',
          '6': '#AC8B3A',
          '7': '#9E7C46',
          '8': '#8B6B3B',
          '9': '#785B31',
          '10': '#664C28',
          '11': '#543E20',
          '12': '#433119',
          '13': '#B16A3E',
          '14': '#9C5532',
          '15': '#874228',
          '16': '#A24A2A',
          '17': '#7A3A22',
          '18': '#65301C',
          '19': '#221A12',
          '20': '#1C160E',
          '21': '#16110B',
          '22': '#100D08',
          '23': '#0C0906',
          '24': '#070504',
          '25': '#DDDBD4',
          '26': '#C3C1BA',
          '27': '#A7A69F',
          '28': '#8A8983',
          '29': '#6D6C67',
          '30': '#50504C',
        },
      },
    },
  },
};

JSON

{
  "name": "Blonde to Black",
  "colors": [
    "#F4E7C6",
    "#ECDAAB",
    "#E1CB8C",
    "#D4B96C",
    "#C3A350",
    "#AC8B3A",
    "#9E7C46",
    "#8B6B3B",
    "#785B31",
    "#664C28",
    "#543E20",
    "#433119",
    "#B16A3E",
    "#9C5532",
    "#874228",
    "#A24A2A",
    "#7A3A22",
    "#65301C",
    "#221A12",
    "#1C160E",
    "#16110B",
    "#100D08",
    "#0C0906",
    "#070504",
    "#DDDBD4",
    "#C3C1BA",
    "#A7A69F",
    "#8A8983",
    "#6D6C67",
    "#50504C"
  ]
}

Hex list

#F4E7C6
#ECDAAB
#E1CB8C
#D4B96C
#C3A350
#AC8B3A
#9E7C46
#8B6B3B
#785B31
#664C28
#543E20
#433119
#B16A3E
#9C5532
#874228
#A24A2A
#7A3A22
#65301C
#221A12
#1C160E
#16110B
#100D08
#0C0906
#070504
#DDDBD4
#C3C1BA
#A7A69F
#8A8983
#6D6C67
#50504C

Blonde to Black Color Palette

Download

Hex codes

Color theory

Use it for

Code formats

Related palettes