← Back to Tools
Create romantic pastel spring and floral wedding themes with this lilac and mint palette featuring #C8A2C8 lilac, #98FF98 mint green, #E6E6FA pale lavender, and #B0E0B0 pale mint.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--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;
--mint-green: #98FF98;
--mint-green-50: #fafffa;
--mint-green-100: #f7fff6;
--mint-green-200: #efffef;
--mint-green-300: #e6ffe5;
--mint-green-400: #daffd9;
--mint-green-500: #98FF98;
--mint-green-600: #a8d8a8;
--mint-green-700: #729a72;
--mint-green-800: #416042;
--mint-green-900: #1c301c;
--mint-green-950: #040a04;
--pale-lavender: #E6E6FA;
--pale-lavender-50: #fefeff;
--pale-lavender-100: #fefeff;
--pale-lavender-200: #fcfcff;
--pale-lavender-300: #fbfbff;
--pale-lavender-400: #f8f8ff;
--pale-lavender-500: #E6E6FA;
--pale-lavender-600: #ceced6;
--pale-lavender-700: #919198;
--pale-lavender-800: #59595e;
--pale-lavender-900: #2b2b2e;
--pale-lavender-950: #080809;
--pale-mint: #B0E0B0;
--pale-mint-50: #fcfffc;
--pale-mint-100: #fafefa;
--pale-mint-200: #f4fdf4;
--pale-mint-300: #eefbee;
--pale-mint-400: #e5f8e5;
--pale-mint-500: #B0E0B0;
--pale-mint-600: #b5ccb5;
--pale-mint-700: #7e917e;
--pale-mint-800: #4b594b;
--pale-mint-900: #232c23;
--pale-mint-950: #050805;
}
$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; $mint-green: #98FF98; $mint-green-50: #fafffa; $mint-green-100: #f7fff6; $mint-green-200: #efffef; $mint-green-300: #e6ffe5; $mint-green-400: #daffd9; $mint-green-500: #98FF98; $mint-green-600: #a8d8a8; $mint-green-700: #729a72; $mint-green-800: #416042; $mint-green-900: #1c301c; $mint-green-950: #040a04; $pale-lavender: #E6E6FA; $pale-lavender-50: #fefeff; $pale-lavender-100: #fefeff; $pale-lavender-200: #fcfcff; $pale-lavender-300: #fbfbff; $pale-lavender-400: #f8f8ff; $pale-lavender-500: #E6E6FA; $pale-lavender-600: #ceced6; $pale-lavender-700: #919198; $pale-lavender-800: #59595e; $pale-lavender-900: #2b2b2e; $pale-lavender-950: #080809; $pale-mint: #B0E0B0; $pale-mint-50: #fcfffc; $pale-mint-100: #fafefa; $pale-mint-200: #f4fdf4; $pale-mint-300: #eefbee; $pale-mint-400: #e5f8e5; $pale-mint-500: #B0E0B0; $pale-mint-600: #b5ccb5; $pale-mint-700: #7e917e; $pale-mint-800: #4b594b; $pale-mint-900: #232c23; $pale-mint-950: #050805;
colors: {
'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',
},
'mint-green': {
50: '#fafffa',
100: '#f7fff6',
200: '#efffef',
300: '#e6ffe5',
400: '#daffd9',
500: '#98FF98',
600: '#a8d8a8',
700: '#729a72',
800: '#416042',
900: '#1c301c',
950: '#040a04',
DEFAULT: '#98FF98',
},
'pale-lavender': {
50: '#fefeff',
100: '#fefeff',
200: '#fcfcff',
300: '#fbfbff',
400: '#f8f8ff',
500: '#E6E6FA',
600: '#ceced6',
700: '#919198',
800: '#59595e',
900: '#2b2b2e',
950: '#080809',
DEFAULT: '#E6E6FA',
},
'pale-mint': {
50: '#fcfffc',
100: '#fafefa',
200: '#f4fdf4',
300: '#eefbee',
400: '#e5f8e5',
500: '#B0E0B0',
600: '#b5ccb5',
700: '#7e917e',
800: '#4b594b',
900: '#232c23',
950: '#050805',
DEFAULT: '#B0E0B0',
},
},
[
{
"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": "mint-green",
"harmony": "Palette",
"hex": "#98FF98",
"rgb": {
"r": 152,
"g": 255,
"b": 152
},
"hsl": {
"h": 120,
"s": 100,
"l": 80
},
"value": "#98FF98",
"tonalScale": {
"50": {
"hex": "#fafffa",
"rgb": {
"r": 250,
"g": 255,
"b": 250
}
},
"100": {
"hex": "#f7fff6",
"rgb": {
"r": 247,
"g": 255,
"b": 246
}
},
"200": {
"hex": "#efffef",
"rgb": {
"r": 239,
"g": 255,
"b": 239
}
},
"300": {
"hex": "#e6ffe5",
"rgb": {
"r": 230,
"g": 255,
"b": 229
}
},
"400": {
"hex": "#daffd9",
"rgb": {
"r": 218,
"g": 255,
"b": 217
}
},
"500": {
"hex": "#98FF98",
"rgb": {
"r": 152,
"g": 255,
"b": 152
}
},
"600": {
"hex": "#a8d8a8",
"rgb": {
"r": 168,
"g": 216,
"b": 168
}
},
"700": {
"hex": "#729a72",
"rgb": {
"r": 114,
"g": 154,
"b": 114
}
},
"800": {
"hex": "#416042",
"rgb": {
"r": 65,
"g": 96,
"b": 66
}
},
"900": {
"hex": "#1c301c",
"rgb": {
"r": 28,
"g": 48,
"b": 28
}
},
"950": {
"hex": "#040a04",
"rgb": {
"r": 4,
"g": 10,
"b": 4
}
}
}
},
{
"name": "pale-lavender",
"harmony": "Palette",
"hex": "#E6E6FA",
"rgb": {
"r": 230,
"g": 230,
"b": 250
},
"hsl": {
"h": 240,
"s": 67,
"l": 94
},
"value": "#E6E6FA",
"tonalScale": {
"50": {
"hex": "#fefeff",
"rgb": {
"r": 254,
"g": 254,
"b": 255
}
},
"100": {
"hex": "#fefeff",
"rgb": {
"r": 254,
"g": 254,
"b": 255
}
},
"200": {
"hex": "#fcfcff",
"rgb": {
"r": 252,
"g": 252,
"b": 255
}
},
"300": {
"hex": "#fbfbff",
"rgb": {
"r": 251,
"g": 251,
"b": 255
}
},
"400": {
"hex": "#f8f8ff",
"rgb": {
"r": 248,
"g": 248,
"b": 255
}
},
"500": {
"hex": "#E6E6FA",
"rgb": {
"r": 230,
"g": 230,
"b": 250
}
},
"600": {
"hex": "#ceced6",
"rgb": {
"r": 206,
"g": 206,
"b": 214
}
},
"700": {
"hex": "#919198",
"rgb": {
"r": 145,
"g": 145,
"b": 152
}
},
"800": {
"hex": "#59595e",
"rgb": {
"r": 89,
"g": 89,
"b": 94
}
},
"900": {
"hex": "#2b2b2e",
"rgb": {
"r": 43,
"g": 43,
"b": 46
}
},
"950": {
"hex": "#080809",
"rgb": {
"r": 8,
"g": 8,
"b": 9
}
}
}
},
{
"name": "pale-mint",
"harmony": "Palette",
"hex": "#B0E0B0",
"rgb": {
"r": 176,
"g": 224,
"b": 176
},
"hsl": {
"h": 120,
"s": 44,
"l": 78
},
"value": "#B0E0B0",
"tonalScale": {
"50": {
"hex": "#fcfffc",
"rgb": {
"r": 252,
"g": 255,
"b": 252
}
},
"100": {
"hex": "#fafefa",
"rgb": {
"r": 250,
"g": 254,
"b": 250
}
},
"200": {
"hex": "#f4fdf4",
"rgb": {
"r": 244,
"g": 253,
"b": 244
}
},
"300": {
"hex": "#eefbee",
"rgb": {
"r": 238,
"g": 251,
"b": 238
}
},
"400": {
"hex": "#e5f8e5",
"rgb": {
"r": 229,
"g": 248,
"b": 229
}
},
"500": {
"hex": "#B0E0B0",
"rgb": {
"r": 176,
"g": 224,
"b": 176
}
},
"600": {
"hex": "#b5ccb5",
"rgb": {
"r": 181,
"g": 204,
"b": 181
}
},
"700": {
"hex": "#7e917e",
"rgb": {
"r": 126,
"g": 145,
"b": 126
}
},
"800": {
"hex": "#4b594b",
"rgb": {
"r": 75,
"g": 89,
"b": 75
}
},
"900": {
"hex": "#232c23",
"rgb": {
"r": 35,
"g": 44,
"b": 35
}
},
"950": {
"hex": "#050805",
"rgb": {
"r": 5,
"g": 8,
"b": 5
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 lilac,Palette,#C8A2C8,"rgb(200, 162, 200)","hsl(300, 26%, 71%)",#C8A2C8,#fffdff,#fefafe,#fbf4fb,#f7ecf7,#f2e2f2,#C8A2C8,#c2afc2,#8a7a8a,#554a55,#2a222a,#080508 mint-green,Palette,#98FF98,"rgb(152, 255, 152)","hsl(120, 100%, 80%)",#98FF98,#fafffa,#f7fff6,#efffef,#e6ffe5,#daffd9,#98FF98,#a8d8a8,#729a72,#416042,#1c301c,#040a04 pale-lavender,Palette,#E6E6FA,"rgb(230, 230, 250)","hsl(240, 67%, 94%)",#E6E6FA,#fefeff,#fefeff,#fcfcff,#fbfbff,#f8f8ff,#E6E6FA,#ceced6,#919198,#59595e,#2b2b2e,#080809 pale-mint,Palette,#B0E0B0,"rgb(176, 224, 176)","hsl(120, 44%, 78%)",#B0E0B0,#fcfffc,#fafefa,#f4fdf4,#eefbee,#e5f8e5,#B0E0B0,#b5ccb5,#7e917e,#4b594b,#232c23,#050805
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 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 152 255 152 mint-green 250 255 250 mint-green-50 247 255 246 mint-green-100 239 255 239 mint-green-200 230 255 229 mint-green-300 218 255 217 mint-green-400 152 255 152 mint-green-500 168 216 168 mint-green-600 114 154 114 mint-green-700 65 96 66 mint-green-800 28 48 28 mint-green-900 4 10 4 mint-green-950 230 230 250 pale-lavender 254 254 255 pale-lavender-50 254 254 255 pale-lavender-100 252 252 255 pale-lavender-200 251 251 255 pale-lavender-300 248 248 255 pale-lavender-400 230 230 250 pale-lavender-500 206 206 214 pale-lavender-600 145 145 152 pale-lavender-700 89 89 94 pale-lavender-800 43 43 46 pale-lavender-900 8 8 9 pale-lavender-950 176 224 176 pale-mint 252 255 252 pale-mint-50 250 254 250 pale-mint-100 244 253 244 pale-mint-200 238 251 238 pale-mint-300 229 248 229 pale-mint-400 176 224 176 pale-mint-500 181 204 181 pale-mint-600 126 145 126 pale-mint-700 75 89 75 pale-mint-800 35 44 35 pale-mint-900 5 8 5 pale-mint-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.