← Back to Tools
Design romantic vintage wedding themes with this mauve and gray palette featuring #E0B0FF mauve, #808080 gray, #C8A2C8 lilac, and #A9A9A9 dark gray.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--mauve: #E0B0FF;
--mauve-50: #fffdff;
--mauve-100: #fffaff;
--mauve-200: #fef5ff;
--mauve-300: #fcefff;
--mauve-400: #f9e6ff;
--mauve-500: #E0B0FF;
--mauve-600: #ccb6d9;
--mauve-700: #917f9c;
--mauve-800: #5a4c62;
--mauve-900: #2d2332;
--mauve-950: #09060b;
--gray: #808080;
--gray-50: #fcfcfc;
--gray-100: #f8f8f8;
--gray-200: #f0f0f0;
--gray-300: #e5e5e5;
--gray-400: #d6d6d6;
--gray-500: #808080;
--gray-600: #9e9e9e;
--gray-700: #6f6f6f;
--gray-800: #434343;
--gray-900: #1f1f1f;
--gray-950: #050505;
--lilac: #C8A2C8;
--lilac-50: #fffdff;
--lilac-100: #fefafe;
--lilac-200: #fbf4fb;
--lilac-300: #f7ecf7;
--lilac-400: #f2e2f2;
--lilac-500: #C8A2C8;
--lilac-600: #c2afc2;
--lilac-700: #8a7a8a;
--lilac-800: #554a55;
--lilac-900: #2a222a;
--lilac-950: #080508;
--dark-gray: #A9A9A9;
--dark-gray-50: #fdfdfd;
--dark-gray-100: #fbfbfb;
--dark-gray-200: #f6f6f6;
--dark-gray-300: #efefef;
--dark-gray-400: #e5e5e5;
--dark-gray-500: #A9A9A9;
--dark-gray-600: #b3b3b3;
--dark-gray-700: #7e7e7e;
--dark-gray-800: #4d4d4d;
--dark-gray-900: #242424;
--dark-gray-950: #060606;
}
$mauve: #E0B0FF; $mauve-50: #fffdff; $mauve-100: #fffaff; $mauve-200: #fef5ff; $mauve-300: #fcefff; $mauve-400: #f9e6ff; $mauve-500: #E0B0FF; $mauve-600: #ccb6d9; $mauve-700: #917f9c; $mauve-800: #5a4c62; $mauve-900: #2d2332; $mauve-950: #09060b; $gray: #808080; $gray-50: #fcfcfc; $gray-100: #f8f8f8; $gray-200: #f0f0f0; $gray-300: #e5e5e5; $gray-400: #d6d6d6; $gray-500: #808080; $gray-600: #9e9e9e; $gray-700: #6f6f6f; $gray-800: #434343; $gray-900: #1f1f1f; $gray-950: #050505; $lilac: #C8A2C8; $lilac-50: #fffdff; $lilac-100: #fefafe; $lilac-200: #fbf4fb; $lilac-300: #f7ecf7; $lilac-400: #f2e2f2; $lilac-500: #C8A2C8; $lilac-600: #c2afc2; $lilac-700: #8a7a8a; $lilac-800: #554a55; $lilac-900: #2a222a; $lilac-950: #080508; $dark-gray: #A9A9A9; $dark-gray-50: #fdfdfd; $dark-gray-100: #fbfbfb; $dark-gray-200: #f6f6f6; $dark-gray-300: #efefef; $dark-gray-400: #e5e5e5; $dark-gray-500: #A9A9A9; $dark-gray-600: #b3b3b3; $dark-gray-700: #7e7e7e; $dark-gray-800: #4d4d4d; $dark-gray-900: #242424; $dark-gray-950: #060606;
colors: {
'mauve': {
50: '#fffdff',
100: '#fffaff',
200: '#fef5ff',
300: '#fcefff',
400: '#f9e6ff',
500: '#E0B0FF',
600: '#ccb6d9',
700: '#917f9c',
800: '#5a4c62',
900: '#2d2332',
950: '#09060b',
DEFAULT: '#E0B0FF',
},
'gray': {
50: '#fcfcfc',
100: '#f8f8f8',
200: '#f0f0f0',
300: '#e5e5e5',
400: '#d6d6d6',
500: '#808080',
600: '#9e9e9e',
700: '#6f6f6f',
800: '#434343',
900: '#1f1f1f',
950: '#050505',
DEFAULT: '#808080',
},
'lilac': {
50: '#fffdff',
100: '#fefafe',
200: '#fbf4fb',
300: '#f7ecf7',
400: '#f2e2f2',
500: '#C8A2C8',
600: '#c2afc2',
700: '#8a7a8a',
800: '#554a55',
900: '#2a222a',
950: '#080508',
DEFAULT: '#C8A2C8',
},
'dark-gray': {
50: '#fdfdfd',
100: '#fbfbfb',
200: '#f6f6f6',
300: '#efefef',
400: '#e5e5e5',
500: '#A9A9A9',
600: '#b3b3b3',
700: '#7e7e7e',
800: '#4d4d4d',
900: '#242424',
950: '#060606',
DEFAULT: '#A9A9A9',
},
},
[
{
"name": "mauve",
"harmony": "Palette",
"hex": "#E0B0FF",
"rgb": {
"r": 224,
"g": 176,
"b": 255
},
"hsl": {
"h": 276,
"s": 100,
"l": 85
},
"value": "#E0B0FF",
"tonalScale": {
"50": {
"hex": "#fffdff",
"rgb": {
"r": 255,
"g": 253,
"b": 255
}
},
"100": {
"hex": "#fffaff",
"rgb": {
"r": 255,
"g": 250,
"b": 255
}
},
"200": {
"hex": "#fef5ff",
"rgb": {
"r": 254,
"g": 245,
"b": 255
}
},
"300": {
"hex": "#fcefff",
"rgb": {
"r": 252,
"g": 239,
"b": 255
}
},
"400": {
"hex": "#f9e6ff",
"rgb": {
"r": 249,
"g": 230,
"b": 255
}
},
"500": {
"hex": "#E0B0FF",
"rgb": {
"r": 224,
"g": 176,
"b": 255
}
},
"600": {
"hex": "#ccb6d9",
"rgb": {
"r": 204,
"g": 182,
"b": 217
}
},
"700": {
"hex": "#917f9c",
"rgb": {
"r": 145,
"g": 127,
"b": 156
}
},
"800": {
"hex": "#5a4c62",
"rgb": {
"r": 90,
"g": 76,
"b": 98
}
},
"900": {
"hex": "#2d2332",
"rgb": {
"r": 45,
"g": 35,
"b": 50
}
},
"950": {
"hex": "#09060b",
"rgb": {
"r": 9,
"g": 6,
"b": 11
}
}
}
},
{
"name": "gray",
"harmony": "Palette",
"hex": "#808080",
"rgb": {
"r": 128,
"g": 128,
"b": 128
},
"hsl": {
"h": 0,
"s": 0,
"l": 50
},
"value": "#808080",
"tonalScale": {
"50": {
"hex": "#fcfcfc",
"rgb": {
"r": 252,
"g": 252,
"b": 252
}
},
"100": {
"hex": "#f8f8f8",
"rgb": {
"r": 248,
"g": 248,
"b": 248
}
},
"200": {
"hex": "#f0f0f0",
"rgb": {
"r": 240,
"g": 240,
"b": 240
}
},
"300": {
"hex": "#e5e5e5",
"rgb": {
"r": 229,
"g": 229,
"b": 229
}
},
"400": {
"hex": "#d6d6d6",
"rgb": {
"r": 214,
"g": 214,
"b": 214
}
},
"500": {
"hex": "#808080",
"rgb": {
"r": 128,
"g": 128,
"b": 128
}
},
"600": {
"hex": "#9e9e9e",
"rgb": {
"r": 158,
"g": 158,
"b": 158
}
},
"700": {
"hex": "#6f6f6f",
"rgb": {
"r": 111,
"g": 111,
"b": 111
}
},
"800": {
"hex": "#434343",
"rgb": {
"r": 67,
"g": 67,
"b": 67
}
},
"900": {
"hex": "#1f1f1f",
"rgb": {
"r": 31,
"g": 31,
"b": 31
}
},
"950": {
"hex": "#050505",
"rgb": {
"r": 5,
"g": 5,
"b": 5
}
}
}
},
{
"name": "lilac",
"harmony": "Palette",
"hex": "#C8A2C8",
"rgb": {
"r": 200,
"g": 162,
"b": 200
},
"hsl": {
"h": 300,
"s": 26,
"l": 71
},
"value": "#C8A2C8",
"tonalScale": {
"50": {
"hex": "#fffdff",
"rgb": {
"r": 255,
"g": 253,
"b": 255
}
},
"100": {
"hex": "#fefafe",
"rgb": {
"r": 254,
"g": 250,
"b": 254
}
},
"200": {
"hex": "#fbf4fb",
"rgb": {
"r": 251,
"g": 244,
"b": 251
}
},
"300": {
"hex": "#f7ecf7",
"rgb": {
"r": 247,
"g": 236,
"b": 247
}
},
"400": {
"hex": "#f2e2f2",
"rgb": {
"r": 242,
"g": 226,
"b": 242
}
},
"500": {
"hex": "#C8A2C8",
"rgb": {
"r": 200,
"g": 162,
"b": 200
}
},
"600": {
"hex": "#c2afc2",
"rgb": {
"r": 194,
"g": 175,
"b": 194
}
},
"700": {
"hex": "#8a7a8a",
"rgb": {
"r": 138,
"g": 122,
"b": 138
}
},
"800": {
"hex": "#554a55",
"rgb": {
"r": 85,
"g": 74,
"b": 85
}
},
"900": {
"hex": "#2a222a",
"rgb": {
"r": 42,
"g": 34,
"b": 42
}
},
"950": {
"hex": "#080508",
"rgb": {
"r": 8,
"g": 5,
"b": 8
}
}
}
},
{
"name": "dark-gray",
"harmony": "Palette",
"hex": "#A9A9A9",
"rgb": {
"r": 169,
"g": 169,
"b": 169
},
"hsl": {
"h": 0,
"s": 0,
"l": 66
},
"value": "#A9A9A9",
"tonalScale": {
"50": {
"hex": "#fdfdfd",
"rgb": {
"r": 253,
"g": 253,
"b": 253
}
},
"100": {
"hex": "#fbfbfb",
"rgb": {
"r": 251,
"g": 251,
"b": 251
}
},
"200": {
"hex": "#f6f6f6",
"rgb": {
"r": 246,
"g": 246,
"b": 246
}
},
"300": {
"hex": "#efefef",
"rgb": {
"r": 239,
"g": 239,
"b": 239
}
},
"400": {
"hex": "#e5e5e5",
"rgb": {
"r": 229,
"g": 229,
"b": 229
}
},
"500": {
"hex": "#A9A9A9",
"rgb": {
"r": 169,
"g": 169,
"b": 169
}
},
"600": {
"hex": "#b3b3b3",
"rgb": {
"r": 179,
"g": 179,
"b": 179
}
},
"700": {
"hex": "#7e7e7e",
"rgb": {
"r": 126,
"g": 126,
"b": 126
}
},
"800": {
"hex": "#4d4d4d",
"rgb": {
"r": 77,
"g": 77,
"b": 77
}
},
"900": {
"hex": "#242424",
"rgb": {
"r": 36,
"g": 36,
"b": 36
}
},
"950": {
"hex": "#060606",
"rgb": {
"r": 6,
"g": 6,
"b": 6
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 mauve,Palette,#E0B0FF,"rgb(224, 176, 255)","hsl(276, 100%, 85%)",#E0B0FF,#fffdff,#fffaff,#fef5ff,#fcefff,#f9e6ff,#E0B0FF,#ccb6d9,#917f9c,#5a4c62,#2d2332,#09060b gray,Palette,#808080,"rgb(128, 128, 128)","hsl(0, 0%, 50%)",#808080,#fcfcfc,#f8f8f8,#f0f0f0,#e5e5e5,#d6d6d6,#808080,#9e9e9e,#6f6f6f,#434343,#1f1f1f,#050505 lilac,Palette,#C8A2C8,"rgb(200, 162, 200)","hsl(300, 26%, 71%)",#C8A2C8,#fffdff,#fefafe,#fbf4fb,#f7ecf7,#f2e2f2,#C8A2C8,#c2afc2,#8a7a8a,#554a55,#2a222a,#080508 dark-gray,Palette,#A9A9A9,"rgb(169, 169, 169)","hsl(0, 0%, 66%)",#A9A9A9,#fdfdfd,#fbfbfb,#f6f6f6,#efefef,#e5e5e5,#A9A9A9,#b3b3b3,#7e7e7e,#4d4d4d,#242424,#060606
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 224 176 255 mauve 255 253 255 mauve-50 255 250 255 mauve-100 254 245 255 mauve-200 252 239 255 mauve-300 249 230 255 mauve-400 224 176 255 mauve-500 204 182 217 mauve-600 145 127 156 mauve-700 90 76 98 mauve-800 45 35 50 mauve-900 9 6 11 mauve-950 128 128 128 gray 252 252 252 gray-50 248 248 248 gray-100 240 240 240 gray-200 229 229 229 gray-300 214 214 214 gray-400 128 128 128 gray-500 158 158 158 gray-600 111 111 111 gray-700 67 67 67 gray-800 31 31 31 gray-900 5 5 5 gray-950 200 162 200 lilac 255 253 255 lilac-50 254 250 254 lilac-100 251 244 251 lilac-200 247 236 247 lilac-300 242 226 242 lilac-400 200 162 200 lilac-500 194 175 194 lilac-600 138 122 138 lilac-700 85 74 85 lilac-800 42 34 42 lilac-900 8 5 8 lilac-950 169 169 169 dark-gray 253 253 253 dark-gray-50 251 251 251 dark-gray-100 246 246 246 dark-gray-200 239 239 239 dark-gray-300 229 229 229 dark-gray-400 169 169 169 dark-gray-500 179 179 179 dark-gray-600 126 126 126 dark-gray-700 77 77 77 dark-gray-800 36 36 36 dark-gray-900 6 6 6 dark-gray-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.