← Back to Tools
Find the perfect complementary colors for dusty rose hex values, matching a delicate dusty rose (#D4A5A5) with its cool, grounding slate-mint counterpart (#A5D4D4).
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--delicate-dusty-rose: #D4A5A5;
--delicate-dusty-rose-50: #fffdfd;
--delicate-dusty-rose-100: #fffafa;
--delicate-dusty-rose-200: #fdf4f4;
--delicate-dusty-rose-300: #fbeded;
--delicate-dusty-rose-400: #f6e3e3;
--delicate-dusty-rose-500: #D4A5A5;
--delicate-dusty-rose-600: #c7b1b1;
--delicate-dusty-rose-700: #8e7b7c;
--delicate-dusty-rose-800: #594a4a;
--delicate-dusty-rose-900: #2c2323;
--delicate-dusty-rose-950: #090606;
--grounding-slate-mint-counterpart: #A5D4D4;
--grounding-slate-mint-counterpart-50: #fcffff;
--grounding-slate-mint-counterpart-100: #f9fefe;
--grounding-slate-mint-counterpart-200: #f3fbfb;
--grounding-slate-mint-counterpart-300: #ebf8f8;
--grounding-slate-mint-counterpart-400: #e1f4f4;
--grounding-slate-mint-counterpart-500: #A5D4D4;
--grounding-slate-mint-counterpart-600: #b0c7c7;
--grounding-slate-mint-counterpart-700: #798d8d;
--grounding-slate-mint-counterpart-800: #485757;
--grounding-slate-mint-counterpart-900: #212a2a;
--grounding-slate-mint-counterpart-950: #050808;
}
$delicate-dusty-rose: #D4A5A5; $delicate-dusty-rose-50: #fffdfd; $delicate-dusty-rose-100: #fffafa; $delicate-dusty-rose-200: #fdf4f4; $delicate-dusty-rose-300: #fbeded; $delicate-dusty-rose-400: #f6e3e3; $delicate-dusty-rose-500: #D4A5A5; $delicate-dusty-rose-600: #c7b1b1; $delicate-dusty-rose-700: #8e7b7c; $delicate-dusty-rose-800: #594a4a; $delicate-dusty-rose-900: #2c2323; $delicate-dusty-rose-950: #090606; $grounding-slate-mint-counterpart: #A5D4D4; $grounding-slate-mint-counterpart-50: #fcffff; $grounding-slate-mint-counterpart-100: #f9fefe; $grounding-slate-mint-counterpart-200: #f3fbfb; $grounding-slate-mint-counterpart-300: #ebf8f8; $grounding-slate-mint-counterpart-400: #e1f4f4; $grounding-slate-mint-counterpart-500: #A5D4D4; $grounding-slate-mint-counterpart-600: #b0c7c7; $grounding-slate-mint-counterpart-700: #798d8d; $grounding-slate-mint-counterpart-800: #485757; $grounding-slate-mint-counterpart-900: #212a2a; $grounding-slate-mint-counterpart-950: #050808;
colors: {
'delicate-dusty-rose': {
50: '#fffdfd',
100: '#fffafa',
200: '#fdf4f4',
300: '#fbeded',
400: '#f6e3e3',
500: '#D4A5A5',
600: '#c7b1b1',
700: '#8e7b7c',
800: '#594a4a',
900: '#2c2323',
950: '#090606',
DEFAULT: '#D4A5A5',
},
'grounding-slate-mint-counterpart': {
50: '#fcffff',
100: '#f9fefe',
200: '#f3fbfb',
300: '#ebf8f8',
400: '#e1f4f4',
500: '#A5D4D4',
600: '#b0c7c7',
700: '#798d8d',
800: '#485757',
900: '#212a2a',
950: '#050808',
DEFAULT: '#A5D4D4',
},
},
[
{
"name": "delicate-dusty-rose",
"harmony": "Palette",
"hex": "#D4A5A5",
"rgb": {
"r": 212,
"g": 165,
"b": 165
},
"hsl": {
"h": 0,
"s": 35,
"l": 74
},
"value": "#D4A5A5",
"tonalScale": {
"50": {
"hex": "#fffdfd",
"rgb": {
"r": 255,
"g": 253,
"b": 253
}
},
"100": {
"hex": "#fffafa",
"rgb": {
"r": 255,
"g": 250,
"b": 250
}
},
"200": {
"hex": "#fdf4f4",
"rgb": {
"r": 253,
"g": 244,
"b": 244
}
},
"300": {
"hex": "#fbeded",
"rgb": {
"r": 251,
"g": 237,
"b": 237
}
},
"400": {
"hex": "#f6e3e3",
"rgb": {
"r": 246,
"g": 227,
"b": 227
}
},
"500": {
"hex": "#D4A5A5",
"rgb": {
"r": 212,
"g": 165,
"b": 165
}
},
"600": {
"hex": "#c7b1b1",
"rgb": {
"r": 199,
"g": 177,
"b": 177
}
},
"700": {
"hex": "#8e7b7c",
"rgb": {
"r": 142,
"g": 123,
"b": 124
}
},
"800": {
"hex": "#594a4a",
"rgb": {
"r": 89,
"g": 74,
"b": 74
}
},
"900": {
"hex": "#2c2323",
"rgb": {
"r": 44,
"g": 35,
"b": 35
}
},
"950": {
"hex": "#090606",
"rgb": {
"r": 9,
"g": 6,
"b": 6
}
}
}
},
{
"name": "grounding-slate-mint-counterpart",
"harmony": "Palette",
"hex": "#A5D4D4",
"rgb": {
"r": 165,
"g": 212,
"b": 212
},
"hsl": {
"h": 180,
"s": 35,
"l": 74
},
"value": "#A5D4D4",
"tonalScale": {
"50": {
"hex": "#fcffff",
"rgb": {
"r": 252,
"g": 255,
"b": 255
}
},
"100": {
"hex": "#f9fefe",
"rgb": {
"r": 249,
"g": 254,
"b": 254
}
},
"200": {
"hex": "#f3fbfb",
"rgb": {
"r": 243,
"g": 251,
"b": 251
}
},
"300": {
"hex": "#ebf8f8",
"rgb": {
"r": 235,
"g": 248,
"b": 248
}
},
"400": {
"hex": "#e1f4f4",
"rgb": {
"r": 225,
"g": 244,
"b": 244
}
},
"500": {
"hex": "#A5D4D4",
"rgb": {
"r": 165,
"g": 212,
"b": 212
}
},
"600": {
"hex": "#b0c7c7",
"rgb": {
"r": 176,
"g": 199,
"b": 199
}
},
"700": {
"hex": "#798d8d",
"rgb": {
"r": 121,
"g": 141,
"b": 141
}
},
"800": {
"hex": "#485757",
"rgb": {
"r": 72,
"g": 87,
"b": 87
}
},
"900": {
"hex": "#212a2a",
"rgb": {
"r": 33,
"g": 42,
"b": 42
}
},
"950": {
"hex": "#050808",
"rgb": {
"r": 5,
"g": 8,
"b": 8
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 delicate-dusty-rose,Palette,#D4A5A5,"rgb(212, 165, 165)","hsl(0, 35%, 74%)",#D4A5A5,#fffdfd,#fffafa,#fdf4f4,#fbeded,#f6e3e3,#D4A5A5,#c7b1b1,#8e7b7c,#594a4a,#2c2323,#090606 grounding-slate-mint-counterpart,Palette,#A5D4D4,"rgb(165, 212, 212)","hsl(180, 35%, 74%)",#A5D4D4,#fcffff,#f9fefe,#f3fbfb,#ebf8f8,#e1f4f4,#A5D4D4,#b0c7c7,#798d8d,#485757,#212a2a,#050808
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 212 165 165 delicate-dusty-rose 255 253 253 delicate-dusty-rose-50 255 250 250 delicate-dusty-rose-100 253 244 244 delicate-dusty-rose-200 251 237 237 delicate-dusty-rose-300 246 227 227 delicate-dusty-rose-400 212 165 165 delicate-dusty-rose-500 199 177 177 delicate-dusty-rose-600 142 123 124 delicate-dusty-rose-700 89 74 74 delicate-dusty-rose-800 44 35 35 delicate-dusty-rose-900 9 6 6 delicate-dusty-rose-950 165 212 212 grounding-slate-mint-counterpart 252 255 255 grounding-slate-mint-counterpart-50 249 254 254 grounding-slate-mint-counterpart-100 243 251 251 grounding-slate-mint-counterpart-200 235 248 248 grounding-slate-mint-counterpart-300 225 244 244 grounding-slate-mint-counterpart-400 165 212 212 grounding-slate-mint-counterpart-500 176 199 199 grounding-slate-mint-counterpart-600 121 141 141 grounding-slate-mint-counterpart-700 72 87 87 grounding-slate-mint-counterpart-800 33 42 42 grounding-slate-mint-counterpart-900 5 8 8 grounding-slate-mint-counterpart-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.