← Back to Tools
Pair soft romantic neutrals with warm greige (#D9CFC2), dusty rose (#E5C2AE), muted mauve pink (#C99395), gray-rose (#9C7378), and deep taupe (#534B4A) for vintage-soft modern designs.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--warm-greige: #D9CFC2;
--warm-greige-50: #fffefd;
--warm-greige-100: #fefdfb;
--warm-greige-200: #fcfaf8;
--warm-greige-300: #f9f6f3;
--warm-greige-400: #f5f1ec;
--warm-greige-500: #D9CFC2;
--warm-greige-600: #c9c4be;
--warm-greige-700: #8e8a85;
--warm-greige-800: #575451;
--warm-greige-900: #2a2926;
--warm-greige-950: #080706;
--dusty-rose: #E5C2AE;
--dusty-rose-50: #fffefc;
--dusty-rose-100: #fffcfa;
--dusty-rose-200: #fef8f4;
--dusty-rose-300: #fdf3ed;
--dusty-rose-400: #faede5;
--dusty-rose-500: #E5C2AE;
--dusty-rose-600: #cebeb5;
--dusty-rose-700: #93867d;
--dusty-rose-800: #5b514b;
--dusty-rose-900: #2d2723;
--dusty-rose-950: #090705;
--muted-mauve-pink: #C99395;
--muted-mauve-pink-50: #fffcfc;
--muted-mauve-pink-100: #fff9f9;
--muted-mauve-pink-200: #fdf2f2;
--muted-mauve-pink-300: #f9e8e9;
--muted-mauve-pink-400: #f4dcdd;
--muted-mauve-pink-500: #C99395;
--muted-mauve-pink-600: #c3a8a9;
--muted-mauve-pink-700: #8c7576;
--muted-mauve-pink-800: #574647;
--muted-mauve-pink-900: #2b2021;
--muted-mauve-pink-950: #080505;
--gray-rose: #9C7378;
--gray-rose-50: #fffbfc;
--gray-rose-100: #fcf6f7;
--gray-rose-200: #f7edee;
--gray-rose-300: #efe0e2;
--gray-rose-400: #e5d0d2;
--gray-rose-500: #9C7378;
--gray-rose-600: #ae9699;
--gray-rose-700: #7c686b;
--gray-rose-800: #4d3e40;
--gray-rose-900: #251c1d;
--gray-rose-950: #060404;
--deep-taupe: #534B4A;
--deep-taupe-50: #fbfafa;
--deep-taupe-100: #f5f4f3;
--deep-taupe-200: #e9e6e6;
--deep-taupe-300: #d9d5d4;
--deep-taupe-400: #c3bdbc;
--deep-taupe-500: #534B4A;
--deep-taupe-600: #827c7b;
--deep-taupe-700: #5b5555;
--deep-taupe-800: #363232;
--deep-taupe-900: #181615;
--deep-taupe-950: #030303;
}
$warm-greige: #D9CFC2; $warm-greige-50: #fffefd; $warm-greige-100: #fefdfb; $warm-greige-200: #fcfaf8; $warm-greige-300: #f9f6f3; $warm-greige-400: #f5f1ec; $warm-greige-500: #D9CFC2; $warm-greige-600: #c9c4be; $warm-greige-700: #8e8a85; $warm-greige-800: #575451; $warm-greige-900: #2a2926; $warm-greige-950: #080706; $dusty-rose: #E5C2AE; $dusty-rose-50: #fffefc; $dusty-rose-100: #fffcfa; $dusty-rose-200: #fef8f4; $dusty-rose-300: #fdf3ed; $dusty-rose-400: #faede5; $dusty-rose-500: #E5C2AE; $dusty-rose-600: #cebeb5; $dusty-rose-700: #93867d; $dusty-rose-800: #5b514b; $dusty-rose-900: #2d2723; $dusty-rose-950: #090705; $muted-mauve-pink: #C99395; $muted-mauve-pink-50: #fffcfc; $muted-mauve-pink-100: #fff9f9; $muted-mauve-pink-200: #fdf2f2; $muted-mauve-pink-300: #f9e8e9; $muted-mauve-pink-400: #f4dcdd; $muted-mauve-pink-500: #C99395; $muted-mauve-pink-600: #c3a8a9; $muted-mauve-pink-700: #8c7576; $muted-mauve-pink-800: #574647; $muted-mauve-pink-900: #2b2021; $muted-mauve-pink-950: #080505; $gray-rose: #9C7378; $gray-rose-50: #fffbfc; $gray-rose-100: #fcf6f7; $gray-rose-200: #f7edee; $gray-rose-300: #efe0e2; $gray-rose-400: #e5d0d2; $gray-rose-500: #9C7378; $gray-rose-600: #ae9699; $gray-rose-700: #7c686b; $gray-rose-800: #4d3e40; $gray-rose-900: #251c1d; $gray-rose-950: #060404; $deep-taupe: #534B4A; $deep-taupe-50: #fbfafa; $deep-taupe-100: #f5f4f3; $deep-taupe-200: #e9e6e6; $deep-taupe-300: #d9d5d4; $deep-taupe-400: #c3bdbc; $deep-taupe-500: #534B4A; $deep-taupe-600: #827c7b; $deep-taupe-700: #5b5555; $deep-taupe-800: #363232; $deep-taupe-900: #181615; $deep-taupe-950: #030303;
colors: {
'warm-greige': {
50: '#fffefd',
100: '#fefdfb',
200: '#fcfaf8',
300: '#f9f6f3',
400: '#f5f1ec',
500: '#D9CFC2',
600: '#c9c4be',
700: '#8e8a85',
800: '#575451',
900: '#2a2926',
950: '#080706',
DEFAULT: '#D9CFC2',
},
'dusty-rose': {
50: '#fffefc',
100: '#fffcfa',
200: '#fef8f4',
300: '#fdf3ed',
400: '#faede5',
500: '#E5C2AE',
600: '#cebeb5',
700: '#93867d',
800: '#5b514b',
900: '#2d2723',
950: '#090705',
DEFAULT: '#E5C2AE',
},
'muted-mauve-pink': {
50: '#fffcfc',
100: '#fff9f9',
200: '#fdf2f2',
300: '#f9e8e9',
400: '#f4dcdd',
500: '#C99395',
600: '#c3a8a9',
700: '#8c7576',
800: '#574647',
900: '#2b2021',
950: '#080505',
DEFAULT: '#C99395',
},
'gray-rose': {
50: '#fffbfc',
100: '#fcf6f7',
200: '#f7edee',
300: '#efe0e2',
400: '#e5d0d2',
500: '#9C7378',
600: '#ae9699',
700: '#7c686b',
800: '#4d3e40',
900: '#251c1d',
950: '#060404',
DEFAULT: '#9C7378',
},
'deep-taupe': {
50: '#fbfafa',
100: '#f5f4f3',
200: '#e9e6e6',
300: '#d9d5d4',
400: '#c3bdbc',
500: '#534B4A',
600: '#827c7b',
700: '#5b5555',
800: '#363232',
900: '#181615',
950: '#030303',
DEFAULT: '#534B4A',
},
},
[
{
"name": "warm-greige",
"harmony": "Palette",
"hex": "#D9CFC2",
"rgb": {
"r": 217,
"g": 207,
"b": 194
},
"hsl": {
"h": 34,
"s": 23,
"l": 81
},
"value": "#D9CFC2",
"tonalScale": {
"50": {
"hex": "#fffefd",
"rgb": {
"r": 255,
"g": 254,
"b": 253
}
},
"100": {
"hex": "#fefdfb",
"rgb": {
"r": 254,
"g": 253,
"b": 251
}
},
"200": {
"hex": "#fcfaf8",
"rgb": {
"r": 252,
"g": 250,
"b": 248
}
},
"300": {
"hex": "#f9f6f3",
"rgb": {
"r": 249,
"g": 246,
"b": 243
}
},
"400": {
"hex": "#f5f1ec",
"rgb": {
"r": 245,
"g": 241,
"b": 236
}
},
"500": {
"hex": "#D9CFC2",
"rgb": {
"r": 217,
"g": 207,
"b": 194
}
},
"600": {
"hex": "#c9c4be",
"rgb": {
"r": 201,
"g": 196,
"b": 190
}
},
"700": {
"hex": "#8e8a85",
"rgb": {
"r": 142,
"g": 138,
"b": 133
}
},
"800": {
"hex": "#575451",
"rgb": {
"r": 87,
"g": 84,
"b": 81
}
},
"900": {
"hex": "#2a2926",
"rgb": {
"r": 42,
"g": 41,
"b": 38
}
},
"950": {
"hex": "#080706",
"rgb": {
"r": 8,
"g": 7,
"b": 6
}
}
}
},
{
"name": "dusty-rose",
"harmony": "Palette",
"hex": "#E5C2AE",
"rgb": {
"r": 229,
"g": 194,
"b": 174
},
"hsl": {
"h": 22,
"s": 51,
"l": 79
},
"value": "#E5C2AE",
"tonalScale": {
"50": {
"hex": "#fffefc",
"rgb": {
"r": 255,
"g": 254,
"b": 252
}
},
"100": {
"hex": "#fffcfa",
"rgb": {
"r": 255,
"g": 252,
"b": 250
}
},
"200": {
"hex": "#fef8f4",
"rgb": {
"r": 254,
"g": 248,
"b": 244
}
},
"300": {
"hex": "#fdf3ed",
"rgb": {
"r": 253,
"g": 243,
"b": 237
}
},
"400": {
"hex": "#faede5",
"rgb": {
"r": 250,
"g": 237,
"b": 229
}
},
"500": {
"hex": "#E5C2AE",
"rgb": {
"r": 229,
"g": 194,
"b": 174
}
},
"600": {
"hex": "#cebeb5",
"rgb": {
"r": 206,
"g": 190,
"b": 181
}
},
"700": {
"hex": "#93867d",
"rgb": {
"r": 147,
"g": 134,
"b": 125
}
},
"800": {
"hex": "#5b514b",
"rgb": {
"r": 91,
"g": 81,
"b": 75
}
},
"900": {
"hex": "#2d2723",
"rgb": {
"r": 45,
"g": 39,
"b": 35
}
},
"950": {
"hex": "#090705",
"rgb": {
"r": 9,
"g": 7,
"b": 5
}
}
}
},
{
"name": "muted-mauve-pink",
"harmony": "Palette",
"hex": "#C99395",
"rgb": {
"r": 201,
"g": 147,
"b": 149
},
"hsl": {
"h": 358,
"s": 33,
"l": 68
},
"value": "#C99395",
"tonalScale": {
"50": {
"hex": "#fffcfc",
"rgb": {
"r": 255,
"g": 252,
"b": 252
}
},
"100": {
"hex": "#fff9f9",
"rgb": {
"r": 255,
"g": 249,
"b": 249
}
},
"200": {
"hex": "#fdf2f2",
"rgb": {
"r": 253,
"g": 242,
"b": 242
}
},
"300": {
"hex": "#f9e8e9",
"rgb": {
"r": 249,
"g": 232,
"b": 233
}
},
"400": {
"hex": "#f4dcdd",
"rgb": {
"r": 244,
"g": 220,
"b": 221
}
},
"500": {
"hex": "#C99395",
"rgb": {
"r": 201,
"g": 147,
"b": 149
}
},
"600": {
"hex": "#c3a8a9",
"rgb": {
"r": 195,
"g": 168,
"b": 169
}
},
"700": {
"hex": "#8c7576",
"rgb": {
"r": 140,
"g": 117,
"b": 118
}
},
"800": {
"hex": "#574647",
"rgb": {
"r": 87,
"g": 70,
"b": 71
}
},
"900": {
"hex": "#2b2021",
"rgb": {
"r": 43,
"g": 32,
"b": 33
}
},
"950": {
"hex": "#080505",
"rgb": {
"r": 8,
"g": 5,
"b": 5
}
}
}
},
{
"name": "gray-rose",
"harmony": "Palette",
"hex": "#9C7378",
"rgb": {
"r": 156,
"g": 115,
"b": 120
},
"hsl": {
"h": 353,
"s": 17,
"l": 53
},
"value": "#9C7378",
"tonalScale": {
"50": {
"hex": "#fffbfc",
"rgb": {
"r": 255,
"g": 251,
"b": 252
}
},
"100": {
"hex": "#fcf6f7",
"rgb": {
"r": 252,
"g": 246,
"b": 247
}
},
"200": {
"hex": "#f7edee",
"rgb": {
"r": 247,
"g": 237,
"b": 238
}
},
"300": {
"hex": "#efe0e2",
"rgb": {
"r": 239,
"g": 224,
"b": 226
}
},
"400": {
"hex": "#e5d0d2",
"rgb": {
"r": 229,
"g": 208,
"b": 210
}
},
"500": {
"hex": "#9C7378",
"rgb": {
"r": 156,
"g": 115,
"b": 120
}
},
"600": {
"hex": "#ae9699",
"rgb": {
"r": 174,
"g": 150,
"b": 153
}
},
"700": {
"hex": "#7c686b",
"rgb": {
"r": 124,
"g": 104,
"b": 107
}
},
"800": {
"hex": "#4d3e40",
"rgb": {
"r": 77,
"g": 62,
"b": 64
}
},
"900": {
"hex": "#251c1d",
"rgb": {
"r": 37,
"g": 28,
"b": 29
}
},
"950": {
"hex": "#060404",
"rgb": {
"r": 6,
"g": 4,
"b": 4
}
}
}
},
{
"name": "deep-taupe",
"harmony": "Palette",
"hex": "#534B4A",
"rgb": {
"r": 83,
"g": 75,
"b": 74
},
"hsl": {
"h": 7,
"s": 6,
"l": 31
},
"value": "#534B4A",
"tonalScale": {
"50": {
"hex": "#fbfafa",
"rgb": {
"r": 251,
"g": 250,
"b": 250
}
},
"100": {
"hex": "#f5f4f3",
"rgb": {
"r": 245,
"g": 244,
"b": 243
}
},
"200": {
"hex": "#e9e6e6",
"rgb": {
"r": 233,
"g": 230,
"b": 230
}
},
"300": {
"hex": "#d9d5d4",
"rgb": {
"r": 217,
"g": 213,
"b": 212
}
},
"400": {
"hex": "#c3bdbc",
"rgb": {
"r": 195,
"g": 189,
"b": 188
}
},
"500": {
"hex": "#534B4A",
"rgb": {
"r": 83,
"g": 75,
"b": 74
}
},
"600": {
"hex": "#827c7b",
"rgb": {
"r": 130,
"g": 124,
"b": 123
}
},
"700": {
"hex": "#5b5555",
"rgb": {
"r": 91,
"g": 85,
"b": 85
}
},
"800": {
"hex": "#363232",
"rgb": {
"r": 54,
"g": 50,
"b": 50
}
},
"900": {
"hex": "#181615",
"rgb": {
"r": 24,
"g": 22,
"b": 21
}
},
"950": {
"hex": "#030303",
"rgb": {
"r": 3,
"g": 3,
"b": 3
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 warm-greige,Palette,#D9CFC2,"rgb(217, 207, 194)","hsl(34, 23%, 81%)",#D9CFC2,#fffefd,#fefdfb,#fcfaf8,#f9f6f3,#f5f1ec,#D9CFC2,#c9c4be,#8e8a85,#575451,#2a2926,#080706 dusty-rose,Palette,#E5C2AE,"rgb(229, 194, 174)","hsl(22, 51%, 79%)",#E5C2AE,#fffefc,#fffcfa,#fef8f4,#fdf3ed,#faede5,#E5C2AE,#cebeb5,#93867d,#5b514b,#2d2723,#090705 muted-mauve-pink,Palette,#C99395,"rgb(201, 147, 149)","hsl(358, 33%, 68%)",#C99395,#fffcfc,#fff9f9,#fdf2f2,#f9e8e9,#f4dcdd,#C99395,#c3a8a9,#8c7576,#574647,#2b2021,#080505 gray-rose,Palette,#9C7378,"rgb(156, 115, 120)","hsl(353, 17%, 53%)",#9C7378,#fffbfc,#fcf6f7,#f7edee,#efe0e2,#e5d0d2,#9C7378,#ae9699,#7c686b,#4d3e40,#251c1d,#060404 deep-taupe,Palette,#534B4A,"rgb(83, 75, 74)","hsl(7, 6%, 31%)",#534B4A,#fbfafa,#f5f4f3,#e9e6e6,#d9d5d4,#c3bdbc,#534B4A,#827c7b,#5b5555,#363232,#181615,#030303
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 217 207 194 warm-greige 255 254 253 warm-greige-50 254 253 251 warm-greige-100 252 250 248 warm-greige-200 249 246 243 warm-greige-300 245 241 236 warm-greige-400 217 207 194 warm-greige-500 201 196 190 warm-greige-600 142 138 133 warm-greige-700 87 84 81 warm-greige-800 42 41 38 warm-greige-900 8 7 6 warm-greige-950 229 194 174 dusty-rose 255 254 252 dusty-rose-50 255 252 250 dusty-rose-100 254 248 244 dusty-rose-200 253 243 237 dusty-rose-300 250 237 229 dusty-rose-400 229 194 174 dusty-rose-500 206 190 181 dusty-rose-600 147 134 125 dusty-rose-700 91 81 75 dusty-rose-800 45 39 35 dusty-rose-900 9 7 5 dusty-rose-950 201 147 149 muted-mauve-pink 255 252 252 muted-mauve-pink-50 255 249 249 muted-mauve-pink-100 253 242 242 muted-mauve-pink-200 249 232 233 muted-mauve-pink-300 244 220 221 muted-mauve-pink-400 201 147 149 muted-mauve-pink-500 195 168 169 muted-mauve-pink-600 140 117 118 muted-mauve-pink-700 87 70 71 muted-mauve-pink-800 43 32 33 muted-mauve-pink-900 8 5 5 muted-mauve-pink-950 156 115 120 gray-rose 255 251 252 gray-rose-50 252 246 247 gray-rose-100 247 237 238 gray-rose-200 239 224 226 gray-rose-300 229 208 210 gray-rose-400 156 115 120 gray-rose-500 174 150 153 gray-rose-600 124 104 107 gray-rose-700 77 62 64 gray-rose-800 37 28 29 gray-rose-900 6 4 4 gray-rose-950 83 75 74 deep-taupe 251 250 250 deep-taupe-50 245 244 243 deep-taupe-100 233 230 230 deep-taupe-200 217 213 212 deep-taupe-300 195 189 188 deep-taupe-400 83 75 74 deep-taupe-500 130 124 123 deep-taupe-600 91 85 85 deep-taupe-700 54 50 50 deep-taupe-800 24 22 21 deep-taupe-900 3 3 3 deep-taupe-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.