← Back to Tools
Generate coordinated highlight marker swatches for digital journaling, offering gentle, translucent notes in soft aesthetic mint (#BFFCC6), pale lilac (#E8CEFF), and dusty apricot (#FFCCB6).
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--soft-aesthetic-mint: #BFFCC6;
--soft-aesthetic-mint-50: #fcfffd;
--soft-aesthetic-mint-100: #fafffb;
--soft-aesthetic-mint-200: #f6fff7;
--soft-aesthetic-mint-300: #f0fff2;
--soft-aesthetic-mint-400: #e9ffec;
--soft-aesthetic-mint-500: #BFFCC6;
--soft-aesthetic-mint-600: #bcd7bf;
--soft-aesthetic-mint-700: #829985;
--soft-aesthetic-mint-800: #4d5f50;
--soft-aesthetic-mint-900: #242f25;
--soft-aesthetic-mint-950: #060906;
--pale-lilac: #E8CEFF;
--pale-lilac-50: #fffeff;
--pale-lilac-100: #fffcff;
--pale-lilac-200: #fef9ff;
--pale-lilac-300: #fcf5ff;
--pale-lilac-400: #faf0ff;
--pale-lilac-500: #E8CEFF;
--pale-lilac-600: #cfc3d8;
--pale-lilac-700: #93899b;
--pale-lilac-800: #5b5361;
--pale-lilac-900: #2c2830;
--pale-lilac-950: #09070a;
--dusty-apricot: #FFCCB6;
--dusty-apricot-50: #fffefc;
--dusty-apricot-100: #fffcfa;
--dusty-apricot-200: #fff9f5;
--dusty-apricot-300: #fff5ef;
--dusty-apricot-400: #fff0e7;
--dusty-apricot-500: #FFCCB6;
--dusty-apricot-600: #d8c3b8;
--dusty-apricot-700: #9b8880;
--dusty-apricot-800: #61534c;
--dusty-apricot-900: #302823;
--dusty-apricot-950: #0a0706;
}
$soft-aesthetic-mint: #BFFCC6; $soft-aesthetic-mint-50: #fcfffd; $soft-aesthetic-mint-100: #fafffb; $soft-aesthetic-mint-200: #f6fff7; $soft-aesthetic-mint-300: #f0fff2; $soft-aesthetic-mint-400: #e9ffec; $soft-aesthetic-mint-500: #BFFCC6; $soft-aesthetic-mint-600: #bcd7bf; $soft-aesthetic-mint-700: #829985; $soft-aesthetic-mint-800: #4d5f50; $soft-aesthetic-mint-900: #242f25; $soft-aesthetic-mint-950: #060906; $pale-lilac: #E8CEFF; $pale-lilac-50: #fffeff; $pale-lilac-100: #fffcff; $pale-lilac-200: #fef9ff; $pale-lilac-300: #fcf5ff; $pale-lilac-400: #faf0ff; $pale-lilac-500: #E8CEFF; $pale-lilac-600: #cfc3d8; $pale-lilac-700: #93899b; $pale-lilac-800: #5b5361; $pale-lilac-900: #2c2830; $pale-lilac-950: #09070a; $dusty-apricot: #FFCCB6; $dusty-apricot-50: #fffefc; $dusty-apricot-100: #fffcfa; $dusty-apricot-200: #fff9f5; $dusty-apricot-300: #fff5ef; $dusty-apricot-400: #fff0e7; $dusty-apricot-500: #FFCCB6; $dusty-apricot-600: #d8c3b8; $dusty-apricot-700: #9b8880; $dusty-apricot-800: #61534c; $dusty-apricot-900: #302823; $dusty-apricot-950: #0a0706;
colors: {
'soft-aesthetic-mint': {
50: '#fcfffd',
100: '#fafffb',
200: '#f6fff7',
300: '#f0fff2',
400: '#e9ffec',
500: '#BFFCC6',
600: '#bcd7bf',
700: '#829985',
800: '#4d5f50',
900: '#242f25',
950: '#060906',
DEFAULT: '#BFFCC6',
},
'pale-lilac': {
50: '#fffeff',
100: '#fffcff',
200: '#fef9ff',
300: '#fcf5ff',
400: '#faf0ff',
500: '#E8CEFF',
600: '#cfc3d8',
700: '#93899b',
800: '#5b5361',
900: '#2c2830',
950: '#09070a',
DEFAULT: '#E8CEFF',
},
'dusty-apricot': {
50: '#fffefc',
100: '#fffcfa',
200: '#fff9f5',
300: '#fff5ef',
400: '#fff0e7',
500: '#FFCCB6',
600: '#d8c3b8',
700: '#9b8880',
800: '#61534c',
900: '#302823',
950: '#0a0706',
DEFAULT: '#FFCCB6',
},
},
[
{
"name": "soft-aesthetic-mint",
"harmony": "Palette",
"hex": "#BFFCC6",
"rgb": {
"r": 191,
"g": 252,
"b": 198
},
"hsl": {
"h": 127,
"s": 91,
"l": 87
},
"value": "#BFFCC6",
"tonalScale": {
"50": {
"hex": "#fcfffd",
"rgb": {
"r": 252,
"g": 255,
"b": 253
}
},
"100": {
"hex": "#fafffb",
"rgb": {
"r": 250,
"g": 255,
"b": 251
}
},
"200": {
"hex": "#f6fff7",
"rgb": {
"r": 246,
"g": 255,
"b": 247
}
},
"300": {
"hex": "#f0fff2",
"rgb": {
"r": 240,
"g": 255,
"b": 242
}
},
"400": {
"hex": "#e9ffec",
"rgb": {
"r": 233,
"g": 255,
"b": 236
}
},
"500": {
"hex": "#BFFCC6",
"rgb": {
"r": 191,
"g": 252,
"b": 198
}
},
"600": {
"hex": "#bcd7bf",
"rgb": {
"r": 188,
"g": 215,
"b": 191
}
},
"700": {
"hex": "#829985",
"rgb": {
"r": 130,
"g": 153,
"b": 133
}
},
"800": {
"hex": "#4d5f50",
"rgb": {
"r": 77,
"g": 95,
"b": 80
}
},
"900": {
"hex": "#242f25",
"rgb": {
"r": 36,
"g": 47,
"b": 37
}
},
"950": {
"hex": "#060906",
"rgb": {
"r": 6,
"g": 9,
"b": 6
}
}
}
},
{
"name": "pale-lilac",
"harmony": "Palette",
"hex": "#E8CEFF",
"rgb": {
"r": 232,
"g": 206,
"b": 255
},
"hsl": {
"h": 272,
"s": 100,
"l": 90
},
"value": "#E8CEFF",
"tonalScale": {
"50": {
"hex": "#fffeff",
"rgb": {
"r": 255,
"g": 254,
"b": 255
}
},
"100": {
"hex": "#fffcff",
"rgb": {
"r": 255,
"g": 252,
"b": 255
}
},
"200": {
"hex": "#fef9ff",
"rgb": {
"r": 254,
"g": 249,
"b": 255
}
},
"300": {
"hex": "#fcf5ff",
"rgb": {
"r": 252,
"g": 245,
"b": 255
}
},
"400": {
"hex": "#faf0ff",
"rgb": {
"r": 250,
"g": 240,
"b": 255
}
},
"500": {
"hex": "#E8CEFF",
"rgb": {
"r": 232,
"g": 206,
"b": 255
}
},
"600": {
"hex": "#cfc3d8",
"rgb": {
"r": 207,
"g": 195,
"b": 216
}
},
"700": {
"hex": "#93899b",
"rgb": {
"r": 147,
"g": 137,
"b": 155
}
},
"800": {
"hex": "#5b5361",
"rgb": {
"r": 91,
"g": 83,
"b": 97
}
},
"900": {
"hex": "#2c2830",
"rgb": {
"r": 44,
"g": 40,
"b": 48
}
},
"950": {
"hex": "#09070a",
"rgb": {
"r": 9,
"g": 7,
"b": 10
}
}
}
},
{
"name": "dusty-apricot",
"harmony": "Palette",
"hex": "#FFCCB6",
"rgb": {
"r": 255,
"g": 204,
"b": 182
},
"hsl": {
"h": 18,
"s": 100,
"l": 86
},
"value": "#FFCCB6",
"tonalScale": {
"50": {
"hex": "#fffefc",
"rgb": {
"r": 255,
"g": 254,
"b": 252
}
},
"100": {
"hex": "#fffcfa",
"rgb": {
"r": 255,
"g": 252,
"b": 250
}
},
"200": {
"hex": "#fff9f5",
"rgb": {
"r": 255,
"g": 249,
"b": 245
}
},
"300": {
"hex": "#fff5ef",
"rgb": {
"r": 255,
"g": 245,
"b": 239
}
},
"400": {
"hex": "#fff0e7",
"rgb": {
"r": 255,
"g": 240,
"b": 231
}
},
"500": {
"hex": "#FFCCB6",
"rgb": {
"r": 255,
"g": 204,
"b": 182
}
},
"600": {
"hex": "#d8c3b8",
"rgb": {
"r": 216,
"g": 195,
"b": 184
}
},
"700": {
"hex": "#9b8880",
"rgb": {
"r": 155,
"g": 136,
"b": 128
}
},
"800": {
"hex": "#61534c",
"rgb": {
"r": 97,
"g": 83,
"b": 76
}
},
"900": {
"hex": "#302823",
"rgb": {
"r": 48,
"g": 40,
"b": 35
}
},
"950": {
"hex": "#0a0706",
"rgb": {
"r": 10,
"g": 7,
"b": 6
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 soft-aesthetic-mint,Palette,#BFFCC6,"rgb(191, 252, 198)","hsl(127, 91%, 87%)",#BFFCC6,#fcfffd,#fafffb,#f6fff7,#f0fff2,#e9ffec,#BFFCC6,#bcd7bf,#829985,#4d5f50,#242f25,#060906 pale-lilac,Palette,#E8CEFF,"rgb(232, 206, 255)","hsl(272, 100%, 90%)",#E8CEFF,#fffeff,#fffcff,#fef9ff,#fcf5ff,#faf0ff,#E8CEFF,#cfc3d8,#93899b,#5b5361,#2c2830,#09070a dusty-apricot,Palette,#FFCCB6,"rgb(255, 204, 182)","hsl(18, 100%, 86%)",#FFCCB6,#fffefc,#fffcfa,#fff9f5,#fff5ef,#fff0e7,#FFCCB6,#d8c3b8,#9b8880,#61534c,#302823,#0a0706
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 191 252 198 soft-aesthetic-mint 252 255 253 soft-aesthetic-mint-50 250 255 251 soft-aesthetic-mint-100 246 255 247 soft-aesthetic-mint-200 240 255 242 soft-aesthetic-mint-300 233 255 236 soft-aesthetic-mint-400 191 252 198 soft-aesthetic-mint-500 188 215 191 soft-aesthetic-mint-600 130 153 133 soft-aesthetic-mint-700 77 95 80 soft-aesthetic-mint-800 36 47 37 soft-aesthetic-mint-900 6 9 6 soft-aesthetic-mint-950 232 206 255 pale-lilac 255 254 255 pale-lilac-50 255 252 255 pale-lilac-100 254 249 255 pale-lilac-200 252 245 255 pale-lilac-300 250 240 255 pale-lilac-400 232 206 255 pale-lilac-500 207 195 216 pale-lilac-600 147 137 155 pale-lilac-700 91 83 97 pale-lilac-800 44 40 48 pale-lilac-900 9 7 10 pale-lilac-950 255 204 182 dusty-apricot 255 254 252 dusty-apricot-50 255 252 250 dusty-apricot-100 255 249 245 dusty-apricot-200 255 245 239 dusty-apricot-300 255 240 231 dusty-apricot-400 255 204 182 dusty-apricot-500 216 195 184 dusty-apricot-600 155 136 128 dusty-apricot-700 97 83 76 dusty-apricot-800 48 40 35 dusty-apricot-900 10 7 6 dusty-apricot-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.