Deep & Rich Skin Color Palette
A dedicated study of deep skin — mahogany, red-brown, golden umber, and neutral espresso, each undertone given its own rich band, then closed by a row of lighter sheen tones for rim light and highlight. Deep complexions are too often flattened to a couple of dark swatches; this gives them the same range of value and undertone the lighter end usually gets.
Get Paintrix free on the App Store.
Download
Hex codes
Color theory
Base
Complement
Analogous −30°
Analogous +30°
Triadic
Use it for
Code formats
CSS
:root {
--deep-skin-tones-1: #925A3F;
--deep-skin-tones-2: #834E36;
--deep-skin-tones-3: #75432E;
--deep-skin-tones-4: #673927;
--deep-skin-tones-5: #5A3021;
--deep-skin-tones-6: #4D281B;
--deep-skin-tones-7: #7A3B2A;
--deep-skin-tones-8: #6C3324;
--deep-skin-tones-9: #5E2C1F;
--deep-skin-tones-10: #51251A;
--deep-skin-tones-11: #451F15;
--deep-skin-tones-12: #3A1A11;
--deep-skin-tones-13: #6E4A28;
--deep-skin-tones-14: #604021;
--deep-skin-tones-15: #53361B;
--deep-skin-tones-16: #472D16;
--deep-skin-tones-17: #3B2512;
--deep-skin-tones-18: #301D0E;
--deep-skin-tones-19: #4A332A;
--deep-skin-tones-20: #3F2B23;
--deep-skin-tones-21: #34231D;
--deep-skin-tones-22: #2A1C17;
--deep-skin-tones-23: #211611;
--deep-skin-tones-24: #19100C;
--deep-skin-tones-25: #A87A5E;
--deep-skin-tones-26: #9B6E52;
--deep-skin-tones-27: #8E6247;
--deep-skin-tones-28: #82573D;
--deep-skin-tones-29: #774D34;
--deep-skin-tones-30: #6C432C;
} SCSS
$deep-skin-tones-1: #925A3F;
$deep-skin-tones-2: #834E36;
$deep-skin-tones-3: #75432E;
$deep-skin-tones-4: #673927;
$deep-skin-tones-5: #5A3021;
$deep-skin-tones-6: #4D281B;
$deep-skin-tones-7: #7A3B2A;
$deep-skin-tones-8: #6C3324;
$deep-skin-tones-9: #5E2C1F;
$deep-skin-tones-10: #51251A;
$deep-skin-tones-11: #451F15;
$deep-skin-tones-12: #3A1A11;
$deep-skin-tones-13: #6E4A28;
$deep-skin-tones-14: #604021;
$deep-skin-tones-15: #53361B;
$deep-skin-tones-16: #472D16;
$deep-skin-tones-17: #3B2512;
$deep-skin-tones-18: #301D0E;
$deep-skin-tones-19: #4A332A;
$deep-skin-tones-20: #3F2B23;
$deep-skin-tones-21: #34231D;
$deep-skin-tones-22: #2A1C17;
$deep-skin-tones-23: #211611;
$deep-skin-tones-24: #19100C;
$deep-skin-tones-25: #A87A5E;
$deep-skin-tones-26: #9B6E52;
$deep-skin-tones-27: #8E6247;
$deep-skin-tones-28: #82573D;
$deep-skin-tones-29: #774D34;
$deep-skin-tones-30: #6C432C; Tailwind
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'deep-skin-tones': {
'1': '#925A3F',
'2': '#834E36',
'3': '#75432E',
'4': '#673927',
'5': '#5A3021',
'6': '#4D281B',
'7': '#7A3B2A',
'8': '#6C3324',
'9': '#5E2C1F',
'10': '#51251A',
'11': '#451F15',
'12': '#3A1A11',
'13': '#6E4A28',
'14': '#604021',
'15': '#53361B',
'16': '#472D16',
'17': '#3B2512',
'18': '#301D0E',
'19': '#4A332A',
'20': '#3F2B23',
'21': '#34231D',
'22': '#2A1C17',
'23': '#211611',
'24': '#19100C',
'25': '#A87A5E',
'26': '#9B6E52',
'27': '#8E6247',
'28': '#82573D',
'29': '#774D34',
'30': '#6C432C',
},
},
},
},
}; JSON
{
"name": "Deep & Rich Skin",
"colors": [
"#925A3F",
"#834E36",
"#75432E",
"#673927",
"#5A3021",
"#4D281B",
"#7A3B2A",
"#6C3324",
"#5E2C1F",
"#51251A",
"#451F15",
"#3A1A11",
"#6E4A28",
"#604021",
"#53361B",
"#472D16",
"#3B2512",
"#301D0E",
"#4A332A",
"#3F2B23",
"#34231D",
"#2A1C17",
"#211611",
"#19100C",
"#A87A5E",
"#9B6E52",
"#8E6247",
"#82573D",
"#774D34",
"#6C432C"
]
} Hex list
#925A3F
#834E36
#75432E
#673927
#5A3021
#4D281B
#7A3B2A
#6C3324
#5E2C1F
#51251A
#451F15
#3A1A11
#6E4A28
#604021
#53361B
#472D16
#3B2512
#301D0E
#4A332A
#3F2B23
#34231D
#2A1C17
#211611
#19100C
#A87A5E
#9B6E52
#8E6247
#82573D
#774D34
#6C432C