← Back to Tools
Design serene, minimal 2026 branding with this cloud dancer palette featuring #F0EEE9 cloud dancer warm white, #E8E4DC warm cream, #D5CFC4 warm taupe, #A9B8A6 muted sage, and #8B8781 soft charcoal.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--cloud-dancer-warm-white: #F0EEE9;
--cloud-dancer-warm-white-50: #fffffe;
--cloud-dancer-warm-white-100: #fefefe;
--cloud-dancer-warm-white-200: #fefdfd;
--cloud-dancer-warm-white-300: #fdfcfb;
--cloud-dancer-warm-white-400: #fbfaf9;
--cloud-dancer-warm-white-500: #F0EEE9;
--cloud-dancer-warm-white-600: #d2d1cf;
--cloud-dancer-warm-white-700: #949392;
--cloud-dancer-warm-white-800: #5b5a59;
--cloud-dancer-warm-white-900: #2c2c2b;
--cloud-dancer-warm-white-950: #090808;
--warm-cream: #E8E4DC;
--warm-cream-50: #fffefe;
--warm-cream-100: #fefefd;
--warm-cream-200: #fdfcfb;
--warm-cream-300: #fbfaf8;
--warm-cream-400: #f9f8f5;
--warm-cream-500: #E8E4DC;
--warm-cream-600: #cfcdc9;
--warm-cream-700: #92918e;
--warm-cream-800: #5a5956;
--warm-cream-900: #2c2b2a;
--warm-cream-950: #080808;
--warm-taupe: #D5CFC4;
--warm-taupe-50: #fefefd;
--warm-taupe-100: #fdfdfc;
--warm-taupe-200: #fbfaf8;
--warm-taupe-300: #f8f6f3;
--warm-taupe-400: #f4f1ed;
--warm-taupe-500: #D5CFC4;
--warm-taupe-600: #c7c4bf;
--warm-taupe-700: #8d8a86;
--warm-taupe-800: #565451;
--warm-taupe-900: #2a2927;
--warm-taupe-950: #080707;
--muted-sage: #A9B8A6;
--muted-sage-50: #fdfefd;
--muted-sage-100: #fafcfa;
--muted-sage-200: #f5f8f4;
--muted-sage-300: #eef2ed;
--muted-sage-400: #e4ebe3;
--muted-sage-500: #A9B8A6;
--muted-sage-600: #b3bab1;
--muted-sage-700: #7d837c;
--muted-sage-800: #4c504b;
--muted-sage-900: #242723;
--muted-sage-950: #060706;
--soft-charcoal: #8B8781;
--soft-charcoal-50: #fdfcfc;
--soft-charcoal-100: #f9f9f8;
--soft-charcoal-200: #f2f1ef;
--soft-charcoal-300: #e8e7e5;
--soft-charcoal-400: #dbd9d6;
--soft-charcoal-500: #8B8781;
--soft-charcoal-600: #a4a29e;
--soft-charcoal-700: #73716e;
--soft-charcoal-800: #464442;
--soft-charcoal-900: #21201e;
--soft-charcoal-950: #050504;
}
$cloud-dancer-warm-white: #F0EEE9; $cloud-dancer-warm-white-50: #fffffe; $cloud-dancer-warm-white-100: #fefefe; $cloud-dancer-warm-white-200: #fefdfd; $cloud-dancer-warm-white-300: #fdfcfb; $cloud-dancer-warm-white-400: #fbfaf9; $cloud-dancer-warm-white-500: #F0EEE9; $cloud-dancer-warm-white-600: #d2d1cf; $cloud-dancer-warm-white-700: #949392; $cloud-dancer-warm-white-800: #5b5a59; $cloud-dancer-warm-white-900: #2c2c2b; $cloud-dancer-warm-white-950: #090808; $warm-cream: #E8E4DC; $warm-cream-50: #fffefe; $warm-cream-100: #fefefd; $warm-cream-200: #fdfcfb; $warm-cream-300: #fbfaf8; $warm-cream-400: #f9f8f5; $warm-cream-500: #E8E4DC; $warm-cream-600: #cfcdc9; $warm-cream-700: #92918e; $warm-cream-800: #5a5956; $warm-cream-900: #2c2b2a; $warm-cream-950: #080808; $warm-taupe: #D5CFC4; $warm-taupe-50: #fefefd; $warm-taupe-100: #fdfdfc; $warm-taupe-200: #fbfaf8; $warm-taupe-300: #f8f6f3; $warm-taupe-400: #f4f1ed; $warm-taupe-500: #D5CFC4; $warm-taupe-600: #c7c4bf; $warm-taupe-700: #8d8a86; $warm-taupe-800: #565451; $warm-taupe-900: #2a2927; $warm-taupe-950: #080707; $muted-sage: #A9B8A6; $muted-sage-50: #fdfefd; $muted-sage-100: #fafcfa; $muted-sage-200: #f5f8f4; $muted-sage-300: #eef2ed; $muted-sage-400: #e4ebe3; $muted-sage-500: #A9B8A6; $muted-sage-600: #b3bab1; $muted-sage-700: #7d837c; $muted-sage-800: #4c504b; $muted-sage-900: #242723; $muted-sage-950: #060706; $soft-charcoal: #8B8781; $soft-charcoal-50: #fdfcfc; $soft-charcoal-100: #f9f9f8; $soft-charcoal-200: #f2f1ef; $soft-charcoal-300: #e8e7e5; $soft-charcoal-400: #dbd9d6; $soft-charcoal-500: #8B8781; $soft-charcoal-600: #a4a29e; $soft-charcoal-700: #73716e; $soft-charcoal-800: #464442; $soft-charcoal-900: #21201e; $soft-charcoal-950: #050504;
colors: {
'cloud-dancer-warm-white': {
50: '#fffffe',
100: '#fefefe',
200: '#fefdfd',
300: '#fdfcfb',
400: '#fbfaf9',
500: '#F0EEE9',
600: '#d2d1cf',
700: '#949392',
800: '#5b5a59',
900: '#2c2c2b',
950: '#090808',
DEFAULT: '#F0EEE9',
},
'warm-cream': {
50: '#fffefe',
100: '#fefefd',
200: '#fdfcfb',
300: '#fbfaf8',
400: '#f9f8f5',
500: '#E8E4DC',
600: '#cfcdc9',
700: '#92918e',
800: '#5a5956',
900: '#2c2b2a',
950: '#080808',
DEFAULT: '#E8E4DC',
},
'warm-taupe': {
50: '#fefefd',
100: '#fdfdfc',
200: '#fbfaf8',
300: '#f8f6f3',
400: '#f4f1ed',
500: '#D5CFC4',
600: '#c7c4bf',
700: '#8d8a86',
800: '#565451',
900: '#2a2927',
950: '#080707',
DEFAULT: '#D5CFC4',
},
'muted-sage': {
50: '#fdfefd',
100: '#fafcfa',
200: '#f5f8f4',
300: '#eef2ed',
400: '#e4ebe3',
500: '#A9B8A6',
600: '#b3bab1',
700: '#7d837c',
800: '#4c504b',
900: '#242723',
950: '#060706',
DEFAULT: '#A9B8A6',
},
'soft-charcoal': {
50: '#fdfcfc',
100: '#f9f9f8',
200: '#f2f1ef',
300: '#e8e7e5',
400: '#dbd9d6',
500: '#8B8781',
600: '#a4a29e',
700: '#73716e',
800: '#464442',
900: '#21201e',
950: '#050504',
DEFAULT: '#8B8781',
},
},
[
{
"name": "cloud-dancer-warm-white",
"harmony": "Palette",
"hex": "#F0EEE9",
"rgb": {
"r": 240,
"g": 238,
"b": 233
},
"hsl": {
"h": 43,
"s": 19,
"l": 93
},
"value": "#F0EEE9",
"tonalScale": {
"50": {
"hex": "#fffffe",
"rgb": {
"r": 255,
"g": 255,
"b": 254
}
},
"100": {
"hex": "#fefefe",
"rgb": {
"r": 254,
"g": 254,
"b": 254
}
},
"200": {
"hex": "#fefdfd",
"rgb": {
"r": 254,
"g": 253,
"b": 253
}
},
"300": {
"hex": "#fdfcfb",
"rgb": {
"r": 253,
"g": 252,
"b": 251
}
},
"400": {
"hex": "#fbfaf9",
"rgb": {
"r": 251,
"g": 250,
"b": 249
}
},
"500": {
"hex": "#F0EEE9",
"rgb": {
"r": 240,
"g": 238,
"b": 233
}
},
"600": {
"hex": "#d2d1cf",
"rgb": {
"r": 210,
"g": 209,
"b": 207
}
},
"700": {
"hex": "#949392",
"rgb": {
"r": 148,
"g": 147,
"b": 146
}
},
"800": {
"hex": "#5b5a59",
"rgb": {
"r": 91,
"g": 90,
"b": 89
}
},
"900": {
"hex": "#2c2c2b",
"rgb": {
"r": 44,
"g": 44,
"b": 43
}
},
"950": {
"hex": "#090808",
"rgb": {
"r": 9,
"g": 8,
"b": 8
}
}
}
},
{
"name": "warm-cream",
"harmony": "Palette",
"hex": "#E8E4DC",
"rgb": {
"r": 232,
"g": 228,
"b": 220
},
"hsl": {
"h": 40,
"s": 21,
"l": 89
},
"value": "#E8E4DC",
"tonalScale": {
"50": {
"hex": "#fffefe",
"rgb": {
"r": 255,
"g": 254,
"b": 254
}
},
"100": {
"hex": "#fefefd",
"rgb": {
"r": 254,
"g": 254,
"b": 253
}
},
"200": {
"hex": "#fdfcfb",
"rgb": {
"r": 253,
"g": 252,
"b": 251
}
},
"300": {
"hex": "#fbfaf8",
"rgb": {
"r": 251,
"g": 250,
"b": 248
}
},
"400": {
"hex": "#f9f8f5",
"rgb": {
"r": 249,
"g": 248,
"b": 245
}
},
"500": {
"hex": "#E8E4DC",
"rgb": {
"r": 232,
"g": 228,
"b": 220
}
},
"600": {
"hex": "#cfcdc9",
"rgb": {
"r": 207,
"g": 205,
"b": 201
}
},
"700": {
"hex": "#92918e",
"rgb": {
"r": 146,
"g": 145,
"b": 142
}
},
"800": {
"hex": "#5a5956",
"rgb": {
"r": 90,
"g": 89,
"b": 86
}
},
"900": {
"hex": "#2c2b2a",
"rgb": {
"r": 44,
"g": 43,
"b": 42
}
},
"950": {
"hex": "#080808",
"rgb": {
"r": 8,
"g": 8,
"b": 8
}
}
}
},
{
"name": "warm-taupe",
"harmony": "Palette",
"hex": "#D5CFC4",
"rgb": {
"r": 213,
"g": 207,
"b": 196
},
"hsl": {
"h": 39,
"s": 17,
"l": 80
},
"value": "#D5CFC4",
"tonalScale": {
"50": {
"hex": "#fefefd",
"rgb": {
"r": 254,
"g": 254,
"b": 253
}
},
"100": {
"hex": "#fdfdfc",
"rgb": {
"r": 253,
"g": 253,
"b": 252
}
},
"200": {
"hex": "#fbfaf8",
"rgb": {
"r": 251,
"g": 250,
"b": 248
}
},
"300": {
"hex": "#f8f6f3",
"rgb": {
"r": 248,
"g": 246,
"b": 243
}
},
"400": {
"hex": "#f4f1ed",
"rgb": {
"r": 244,
"g": 241,
"b": 237
}
},
"500": {
"hex": "#D5CFC4",
"rgb": {
"r": 213,
"g": 207,
"b": 196
}
},
"600": {
"hex": "#c7c4bf",
"rgb": {
"r": 199,
"g": 196,
"b": 191
}
},
"700": {
"hex": "#8d8a86",
"rgb": {
"r": 141,
"g": 138,
"b": 134
}
},
"800": {
"hex": "#565451",
"rgb": {
"r": 86,
"g": 84,
"b": 81
}
},
"900": {
"hex": "#2a2927",
"rgb": {
"r": 42,
"g": 41,
"b": 39
}
},
"950": {
"hex": "#080707",
"rgb": {
"r": 8,
"g": 7,
"b": 7
}
}
}
},
{
"name": "muted-sage",
"harmony": "Palette",
"hex": "#A9B8A6",
"rgb": {
"r": 169,
"g": 184,
"b": 166
},
"hsl": {
"h": 110,
"s": 11,
"l": 69
},
"value": "#A9B8A6",
"tonalScale": {
"50": {
"hex": "#fdfefd",
"rgb": {
"r": 253,
"g": 254,
"b": 253
}
},
"100": {
"hex": "#fafcfa",
"rgb": {
"r": 250,
"g": 252,
"b": 250
}
},
"200": {
"hex": "#f5f8f4",
"rgb": {
"r": 245,
"g": 248,
"b": 244
}
},
"300": {
"hex": "#eef2ed",
"rgb": {
"r": 238,
"g": 242,
"b": 237
}
},
"400": {
"hex": "#e4ebe3",
"rgb": {
"r": 228,
"g": 235,
"b": 227
}
},
"500": {
"hex": "#A9B8A6",
"rgb": {
"r": 169,
"g": 184,
"b": 166
}
},
"600": {
"hex": "#b3bab1",
"rgb": {
"r": 179,
"g": 186,
"b": 177
}
},
"700": {
"hex": "#7d837c",
"rgb": {
"r": 125,
"g": 131,
"b": 124
}
},
"800": {
"hex": "#4c504b",
"rgb": {
"r": 76,
"g": 80,
"b": 75
}
},
"900": {
"hex": "#242723",
"rgb": {
"r": 36,
"g": 39,
"b": 35
}
},
"950": {
"hex": "#060706",
"rgb": {
"r": 6,
"g": 7,
"b": 6
}
}
}
},
{
"name": "soft-charcoal",
"harmony": "Palette",
"hex": "#8B8781",
"rgb": {
"r": 139,
"g": 135,
"b": 129
},
"hsl": {
"h": 36,
"s": 4,
"l": 53
},
"value": "#8B8781",
"tonalScale": {
"50": {
"hex": "#fdfcfc",
"rgb": {
"r": 253,
"g": 252,
"b": 252
}
},
"100": {
"hex": "#f9f9f8",
"rgb": {
"r": 249,
"g": 249,
"b": 248
}
},
"200": {
"hex": "#f2f1ef",
"rgb": {
"r": 242,
"g": 241,
"b": 239
}
},
"300": {
"hex": "#e8e7e5",
"rgb": {
"r": 232,
"g": 231,
"b": 229
}
},
"400": {
"hex": "#dbd9d6",
"rgb": {
"r": 219,
"g": 217,
"b": 214
}
},
"500": {
"hex": "#8B8781",
"rgb": {
"r": 139,
"g": 135,
"b": 129
}
},
"600": {
"hex": "#a4a29e",
"rgb": {
"r": 164,
"g": 162,
"b": 158
}
},
"700": {
"hex": "#73716e",
"rgb": {
"r": 115,
"g": 113,
"b": 110
}
},
"800": {
"hex": "#464442",
"rgb": {
"r": 70,
"g": 68,
"b": 66
}
},
"900": {
"hex": "#21201e",
"rgb": {
"r": 33,
"g": 32,
"b": 30
}
},
"950": {
"hex": "#050504",
"rgb": {
"r": 5,
"g": 5,
"b": 4
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 cloud-dancer-warm-white,Palette,#F0EEE9,"rgb(240, 238, 233)","hsl(43, 19%, 93%)",#F0EEE9,#fffffe,#fefefe,#fefdfd,#fdfcfb,#fbfaf9,#F0EEE9,#d2d1cf,#949392,#5b5a59,#2c2c2b,#090808 warm-cream,Palette,#E8E4DC,"rgb(232, 228, 220)","hsl(40, 21%, 89%)",#E8E4DC,#fffefe,#fefefd,#fdfcfb,#fbfaf8,#f9f8f5,#E8E4DC,#cfcdc9,#92918e,#5a5956,#2c2b2a,#080808 warm-taupe,Palette,#D5CFC4,"rgb(213, 207, 196)","hsl(39, 17%, 80%)",#D5CFC4,#fefefd,#fdfdfc,#fbfaf8,#f8f6f3,#f4f1ed,#D5CFC4,#c7c4bf,#8d8a86,#565451,#2a2927,#080707 muted-sage,Palette,#A9B8A6,"rgb(169, 184, 166)","hsl(110, 11%, 69%)",#A9B8A6,#fdfefd,#fafcfa,#f5f8f4,#eef2ed,#e4ebe3,#A9B8A6,#b3bab1,#7d837c,#4c504b,#242723,#060706 soft-charcoal,Palette,#8B8781,"rgb(139, 135, 129)","hsl(36, 4%, 53%)",#8B8781,#fdfcfc,#f9f9f8,#f2f1ef,#e8e7e5,#dbd9d6,#8B8781,#a4a29e,#73716e,#464442,#21201e,#050504
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 240 238 233 cloud-dancer-warm-white 255 255 254 cloud-dancer-warm-white-50 254 254 254 cloud-dancer-warm-white-100 254 253 253 cloud-dancer-warm-white-200 253 252 251 cloud-dancer-warm-white-300 251 250 249 cloud-dancer-warm-white-400 240 238 233 cloud-dancer-warm-white-500 210 209 207 cloud-dancer-warm-white-600 148 147 146 cloud-dancer-warm-white-700 91 90 89 cloud-dancer-warm-white-800 44 44 43 cloud-dancer-warm-white-900 9 8 8 cloud-dancer-warm-white-950 232 228 220 warm-cream 255 254 254 warm-cream-50 254 254 253 warm-cream-100 253 252 251 warm-cream-200 251 250 248 warm-cream-300 249 248 245 warm-cream-400 232 228 220 warm-cream-500 207 205 201 warm-cream-600 146 145 142 warm-cream-700 90 89 86 warm-cream-800 44 43 42 warm-cream-900 8 8 8 warm-cream-950 213 207 196 warm-taupe 254 254 253 warm-taupe-50 253 253 252 warm-taupe-100 251 250 248 warm-taupe-200 248 246 243 warm-taupe-300 244 241 237 warm-taupe-400 213 207 196 warm-taupe-500 199 196 191 warm-taupe-600 141 138 134 warm-taupe-700 86 84 81 warm-taupe-800 42 41 39 warm-taupe-900 8 7 7 warm-taupe-950 169 184 166 muted-sage 253 254 253 muted-sage-50 250 252 250 muted-sage-100 245 248 244 muted-sage-200 238 242 237 muted-sage-300 228 235 227 muted-sage-400 169 184 166 muted-sage-500 179 186 177 muted-sage-600 125 131 124 muted-sage-700 76 80 75 muted-sage-800 36 39 35 muted-sage-900 6 7 6 muted-sage-950 139 135 129 soft-charcoal 253 252 252 soft-charcoal-50 249 249 248 soft-charcoal-100 242 241 239 soft-charcoal-200 232 231 229 soft-charcoal-300 219 217 214 soft-charcoal-400 139 135 129 soft-charcoal-500 164 162 158 soft-charcoal-600 115 113 110 soft-charcoal-700 70 68 66 soft-charcoal-800 33 32 30 soft-charcoal-900 5 5 4 soft-charcoal-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.