Quiet Luxury Color Palette
Quiet-luxury neutrals built around the soft warm white of the moment — cloud cream, warm greige, cool grey, oat, and a barely-there blush-and-sage whisper. Calm, airy, and almost colorless, the kind of restrained palette behind expensive minimal brands. For clean editorial, premium packaging, and serene 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 {
--cloud-dancer-1: #F7F4ED;
--cloud-dancer-2: #F1EDE3;
--cloud-dancer-3: #EAE5D8;
--cloud-dancer-4: #E2DCCC;
--cloud-dancer-5: #D9D2C0;
--cloud-dancer-6: #CFC8B4;
--cloud-dancer-7: #C2BAAC;
--cloud-dancer-8: #B3AB9D;
--cloud-dancer-9: #A49C8E;
--cloud-dancer-10: #958D7F;
--cloud-dancer-11: #867E71;
--cloud-dancer-12: #777063;
--cloud-dancer-13: #DAD9D4;
--cloud-dancer-14: #C6C5BF;
--cloud-dancer-15: #B1B1AB;
--cloud-dancer-16: #9C9C96;
--cloud-dancer-17: #888881;
--cloud-dancer-18: #74746E;
--cloud-dancer-19: #E8DFCB;
--cloud-dancer-20: #DBD0B7;
--cloud-dancer-21: #CCBF9F;
--cloud-dancer-22: #BCAD88;
--cloud-dancer-23: #AB9B73;
--cloud-dancer-24: #998A61;
--cloud-dancer-25: #E0D2CC;
--cloud-dancer-26: #D0BEB6;
--cloud-dancer-27: #C0AAA0;
--cloud-dancer-28: #C5CBB8;
--cloud-dancer-29: #B2BAA2;
--cloud-dancer-30: #9FA98C;
}SCSS
$cloud-dancer-1: #F7F4ED;
$cloud-dancer-2: #F1EDE3;
$cloud-dancer-3: #EAE5D8;
$cloud-dancer-4: #E2DCCC;
$cloud-dancer-5: #D9D2C0;
$cloud-dancer-6: #CFC8B4;
$cloud-dancer-7: #C2BAAC;
$cloud-dancer-8: #B3AB9D;
$cloud-dancer-9: #A49C8E;
$cloud-dancer-10: #958D7F;
$cloud-dancer-11: #867E71;
$cloud-dancer-12: #777063;
$cloud-dancer-13: #DAD9D4;
$cloud-dancer-14: #C6C5BF;
$cloud-dancer-15: #B1B1AB;
$cloud-dancer-16: #9C9C96;
$cloud-dancer-17: #888881;
$cloud-dancer-18: #74746E;
$cloud-dancer-19: #E8DFCB;
$cloud-dancer-20: #DBD0B7;
$cloud-dancer-21: #CCBF9F;
$cloud-dancer-22: #BCAD88;
$cloud-dancer-23: #AB9B73;
$cloud-dancer-24: #998A61;
$cloud-dancer-25: #E0D2CC;
$cloud-dancer-26: #D0BEB6;
$cloud-dancer-27: #C0AAA0;
$cloud-dancer-28: #C5CBB8;
$cloud-dancer-29: #B2BAA2;
$cloud-dancer-30: #9FA98C;Tailwind
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'cloud-dancer': {
'1': '#F7F4ED',
'2': '#F1EDE3',
'3': '#EAE5D8',
'4': '#E2DCCC',
'5': '#D9D2C0',
'6': '#CFC8B4',
'7': '#C2BAAC',
'8': '#B3AB9D',
'9': '#A49C8E',
'10': '#958D7F',
'11': '#867E71',
'12': '#777063',
'13': '#DAD9D4',
'14': '#C6C5BF',
'15': '#B1B1AB',
'16': '#9C9C96',
'17': '#888881',
'18': '#74746E',
'19': '#E8DFCB',
'20': '#DBD0B7',
'21': '#CCBF9F',
'22': '#BCAD88',
'23': '#AB9B73',
'24': '#998A61',
'25': '#E0D2CC',
'26': '#D0BEB6',
'27': '#C0AAA0',
'28': '#C5CBB8',
'29': '#B2BAA2',
'30': '#9FA98C',
},
},
},
},
};JSON
{
"name": "Quiet Luxury",
"colors": [
"#F7F4ED",
"#F1EDE3",
"#EAE5D8",
"#E2DCCC",
"#D9D2C0",
"#CFC8B4",
"#C2BAAC",
"#B3AB9D",
"#A49C8E",
"#958D7F",
"#867E71",
"#777063",
"#DAD9D4",
"#C6C5BF",
"#B1B1AB",
"#9C9C96",
"#888881",
"#74746E",
"#E8DFCB",
"#DBD0B7",
"#CCBF9F",
"#BCAD88",
"#AB9B73",
"#998A61",
"#E0D2CC",
"#D0BEB6",
"#C0AAA0",
"#C5CBB8",
"#B2BAA2",
"#9FA98C"
]
}Hex list
#F7F4ED
#F1EDE3
#EAE5D8
#E2DCCC
#D9D2C0
#CFC8B4
#C2BAAC
#B3AB9D
#A49C8E
#958D7F
#867E71
#777063
#DAD9D4
#C6C5BF
#B1B1AB
#9C9C96
#888881
#74746E
#E8DFCB
#DBD0B7
#CCBF9F
#BCAD88
#AB9B73
#998A61
#E0D2CC
#D0BEB6
#C0AAA0
#C5CBB8
#B2BAA2
#9FA98C