Clean Girl Neutral Color Palette
The 'clean girl' uniform in color: warm white and cream, latte beige, soft taupe, blush nude, and a quiet cocoa to anchor it. Minimal, expensive-looking, and almost entirely neutral, with the blush keeping it from going cold. For modern lifestyle branding, skincare and wellness, and calm, undone layouts.
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 {
--clean-girl-neutral-1: #F6F0E6;
--clean-girl-neutral-2: #F0E8D9;
--clean-girl-neutral-3: #E9DFCB;
--clean-girl-neutral-4: #E1D5BC;
--clean-girl-neutral-5: #D8CAAD;
--clean-girl-neutral-6: #CEBD9D;
--clean-girl-neutral-7: #C3AF8E;
--clean-girl-neutral-8: #B6A180;
--clean-girl-neutral-9: #A99373;
--clean-girl-neutral-10: #9C8567;
--clean-girl-neutral-11: #8E785B;
--clean-girl-neutral-12: #806B50;
--clean-girl-neutral-13: #B0A597;
--clean-girl-neutral-14: #A19587;
--clean-girl-neutral-15: #928678;
--clean-girl-neutral-16: #83766A;
--clean-girl-neutral-17: #74685C;
--clean-girl-neutral-18: #665B50;
--clean-girl-neutral-19: #E5CFC0;
--clean-girl-neutral-20: #DBC0AE;
--clean-girl-neutral-21: #CFB09C;
--clean-girl-neutral-22: #C19E8A;
--clean-girl-neutral-23: #B28C78;
--clean-girl-neutral-24: #A37B68;
--clean-girl-neutral-25: #6E5D4E;
--clean-girl-neutral-26: #615245;
--clean-girl-neutral-27: #54473C;
--clean-girl-neutral-28: #473C33;
--clean-girl-neutral-29: #3B322A;
--clean-girl-neutral-30: #2F2722;
} SCSS
$clean-girl-neutral-1: #F6F0E6;
$clean-girl-neutral-2: #F0E8D9;
$clean-girl-neutral-3: #E9DFCB;
$clean-girl-neutral-4: #E1D5BC;
$clean-girl-neutral-5: #D8CAAD;
$clean-girl-neutral-6: #CEBD9D;
$clean-girl-neutral-7: #C3AF8E;
$clean-girl-neutral-8: #B6A180;
$clean-girl-neutral-9: #A99373;
$clean-girl-neutral-10: #9C8567;
$clean-girl-neutral-11: #8E785B;
$clean-girl-neutral-12: #806B50;
$clean-girl-neutral-13: #B0A597;
$clean-girl-neutral-14: #A19587;
$clean-girl-neutral-15: #928678;
$clean-girl-neutral-16: #83766A;
$clean-girl-neutral-17: #74685C;
$clean-girl-neutral-18: #665B50;
$clean-girl-neutral-19: #E5CFC0;
$clean-girl-neutral-20: #DBC0AE;
$clean-girl-neutral-21: #CFB09C;
$clean-girl-neutral-22: #C19E8A;
$clean-girl-neutral-23: #B28C78;
$clean-girl-neutral-24: #A37B68;
$clean-girl-neutral-25: #6E5D4E;
$clean-girl-neutral-26: #615245;
$clean-girl-neutral-27: #54473C;
$clean-girl-neutral-28: #473C33;
$clean-girl-neutral-29: #3B322A;
$clean-girl-neutral-30: #2F2722; Tailwind
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'clean-girl-neutral': {
'1': '#F6F0E6',
'2': '#F0E8D9',
'3': '#E9DFCB',
'4': '#E1D5BC',
'5': '#D8CAAD',
'6': '#CEBD9D',
'7': '#C3AF8E',
'8': '#B6A180',
'9': '#A99373',
'10': '#9C8567',
'11': '#8E785B',
'12': '#806B50',
'13': '#B0A597',
'14': '#A19587',
'15': '#928678',
'16': '#83766A',
'17': '#74685C',
'18': '#665B50',
'19': '#E5CFC0',
'20': '#DBC0AE',
'21': '#CFB09C',
'22': '#C19E8A',
'23': '#B28C78',
'24': '#A37B68',
'25': '#6E5D4E',
'26': '#615245',
'27': '#54473C',
'28': '#473C33',
'29': '#3B322A',
'30': '#2F2722',
},
},
},
},
}; JSON
{
"name": "Clean Girl Neutral",
"colors": [
"#F6F0E6",
"#F0E8D9",
"#E9DFCB",
"#E1D5BC",
"#D8CAAD",
"#CEBD9D",
"#C3AF8E",
"#B6A180",
"#A99373",
"#9C8567",
"#8E785B",
"#806B50",
"#B0A597",
"#A19587",
"#928678",
"#83766A",
"#74685C",
"#665B50",
"#E5CFC0",
"#DBC0AE",
"#CFB09C",
"#C19E8A",
"#B28C78",
"#A37B68",
"#6E5D4E",
"#615245",
"#54473C",
"#473C33",
"#3B322A",
"#2F2722"
]
} Hex list
#F6F0E6
#F0E8D9
#E9DFCB
#E1D5BC
#D8CAAD
#CEBD9D
#C3AF8E
#B6A180
#A99373
#9C8567
#8E785B
#806B50
#B0A597
#A19587
#928678
#83766A
#74685C
#665B50
#E5CFC0
#DBC0AE
#CFB09C
#C19E8A
#B28C78
#A37B68
#6E5D4E
#615245
#54473C
#473C33
#3B322A
#2F2722