← Back to Tools
Create gentle cottagecore colors with soft blush (#E8C8C8), dusty lilac (#C9A0C0), dusty blue (#A9BCC0), sage green (#9CAF88), and warm cream (#FBF3E0) for romantic garden designs.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--soft-blush: #E8C8C8;
--soft-blush-50: #fffefe;
--soft-blush-100: #fffcfc;
--soft-blush-200: #fef9f9;
--soft-blush-300: #fdf4f4;
--soft-blush-400: #fbefef;
--soft-blush-500: #E8C8C8;
--soft-blush-600: #cfc1c1;
--soft-blush-700: #938787;
--soft-blush-800: #5b5252;
--soft-blush-900: #2d2727;
--soft-blush-950: #090707;
--dusty-lilac: #C9A0C0;
--dusty-lilac-50: #fffcff;
--dusty-lilac-100: #fef9fd;
--dusty-lilac-200: #fbf3fa;
--dusty-lilac-300: #f8ecf5;
--dusty-lilac-400: #f2e1ef;
--dusty-lilac-500: #C9A0C0;
--dusty-lilac-600: #c3aebe;
--dusty-lilac-700: #8b7a87;
--dusty-lilac-800: #564953;
--dusty-lilac-900: #2a2228;
--dusty-lilac-950: #080507;
--dusty-blue: #A9BCC0;
--dusty-blue-50: #fdfefe;
--dusty-blue-100: #fafcfc;
--dusty-blue-200: #f5f8f9;
--dusty-blue-300: #edf3f4;
--dusty-blue-400: #e4ecee;
--dusty-blue-500: #A9BCC0;
--dusty-blue-600: #b3bcbe;
--dusty-blue-700: #7d8586;
--dusty-blue-800: #4b5152;
--dusty-blue-900: #232728;
--dusty-blue-950: #060707;
--sage-green: #9CAF88;
--sage-green-50: #fcfefb;
--sage-green-100: #f9fcf7;
--sage-green-200: #f3f7ef;
--sage-green-300: #ebf1e4;
--sage-green-400: #e0e8d6;
--sage-green-500: #9CAF88;
--sage-green-600: #acb6a1;
--sage-green-700: #78816f;
--sage-green-800: #484f41;
--sage-green-900: #22261d;
--sage-green-950: #050604;
--warm-cream: #FBF3E0;
--warm-cream-50: #fffffe;
--warm-cream-100: #fffefd;
--warm-cream-200: #fffefb;
--warm-cream-300: #fffdf8;
--warm-cream-400: #fffcf5;
--warm-cream-500: #FBF3E0;
--warm-cream-600: #d6d3cb;
--warm-cream-700: #98958e;
--warm-cream-800: #5d5b56;
--warm-cream-900: #2e2c29;
--warm-cream-950: #090907;
}
$soft-blush: #E8C8C8; $soft-blush-50: #fffefe; $soft-blush-100: #fffcfc; $soft-blush-200: #fef9f9; $soft-blush-300: #fdf4f4; $soft-blush-400: #fbefef; $soft-blush-500: #E8C8C8; $soft-blush-600: #cfc1c1; $soft-blush-700: #938787; $soft-blush-800: #5b5252; $soft-blush-900: #2d2727; $soft-blush-950: #090707; $dusty-lilac: #C9A0C0; $dusty-lilac-50: #fffcff; $dusty-lilac-100: #fef9fd; $dusty-lilac-200: #fbf3fa; $dusty-lilac-300: #f8ecf5; $dusty-lilac-400: #f2e1ef; $dusty-lilac-500: #C9A0C0; $dusty-lilac-600: #c3aebe; $dusty-lilac-700: #8b7a87; $dusty-lilac-800: #564953; $dusty-lilac-900: #2a2228; $dusty-lilac-950: #080507; $dusty-blue: #A9BCC0; $dusty-blue-50: #fdfefe; $dusty-blue-100: #fafcfc; $dusty-blue-200: #f5f8f9; $dusty-blue-300: #edf3f4; $dusty-blue-400: #e4ecee; $dusty-blue-500: #A9BCC0; $dusty-blue-600: #b3bcbe; $dusty-blue-700: #7d8586; $dusty-blue-800: #4b5152; $dusty-blue-900: #232728; $dusty-blue-950: #060707; $sage-green: #9CAF88; $sage-green-50: #fcfefb; $sage-green-100: #f9fcf7; $sage-green-200: #f3f7ef; $sage-green-300: #ebf1e4; $sage-green-400: #e0e8d6; $sage-green-500: #9CAF88; $sage-green-600: #acb6a1; $sage-green-700: #78816f; $sage-green-800: #484f41; $sage-green-900: #22261d; $sage-green-950: #050604; $warm-cream: #FBF3E0; $warm-cream-50: #fffffe; $warm-cream-100: #fffefd; $warm-cream-200: #fffefb; $warm-cream-300: #fffdf8; $warm-cream-400: #fffcf5; $warm-cream-500: #FBF3E0; $warm-cream-600: #d6d3cb; $warm-cream-700: #98958e; $warm-cream-800: #5d5b56; $warm-cream-900: #2e2c29; $warm-cream-950: #090907;
colors: {
'soft-blush': {
50: '#fffefe',
100: '#fffcfc',
200: '#fef9f9',
300: '#fdf4f4',
400: '#fbefef',
500: '#E8C8C8',
600: '#cfc1c1',
700: '#938787',
800: '#5b5252',
900: '#2d2727',
950: '#090707',
DEFAULT: '#E8C8C8',
},
'dusty-lilac': {
50: '#fffcff',
100: '#fef9fd',
200: '#fbf3fa',
300: '#f8ecf5',
400: '#f2e1ef',
500: '#C9A0C0',
600: '#c3aebe',
700: '#8b7a87',
800: '#564953',
900: '#2a2228',
950: '#080507',
DEFAULT: '#C9A0C0',
},
'dusty-blue': {
50: '#fdfefe',
100: '#fafcfc',
200: '#f5f8f9',
300: '#edf3f4',
400: '#e4ecee',
500: '#A9BCC0',
600: '#b3bcbe',
700: '#7d8586',
800: '#4b5152',
900: '#232728',
950: '#060707',
DEFAULT: '#A9BCC0',
},
'sage-green': {
50: '#fcfefb',
100: '#f9fcf7',
200: '#f3f7ef',
300: '#ebf1e4',
400: '#e0e8d6',
500: '#9CAF88',
600: '#acb6a1',
700: '#78816f',
800: '#484f41',
900: '#22261d',
950: '#050604',
DEFAULT: '#9CAF88',
},
'warm-cream': {
50: '#fffffe',
100: '#fffefd',
200: '#fffefb',
300: '#fffdf8',
400: '#fffcf5',
500: '#FBF3E0',
600: '#d6d3cb',
700: '#98958e',
800: '#5d5b56',
900: '#2e2c29',
950: '#090907',
DEFAULT: '#FBF3E0',
},
},
[
{
"name": "soft-blush",
"harmony": "Palette",
"hex": "#E8C8C8",
"rgb": {
"r": 232,
"g": 200,
"b": 200
},
"hsl": {
"h": 0,
"s": 41,
"l": 85
},
"value": "#E8C8C8",
"tonalScale": {
"50": {
"hex": "#fffefe",
"rgb": {
"r": 255,
"g": 254,
"b": 254
}
},
"100": {
"hex": "#fffcfc",
"rgb": {
"r": 255,
"g": 252,
"b": 252
}
},
"200": {
"hex": "#fef9f9",
"rgb": {
"r": 254,
"g": 249,
"b": 249
}
},
"300": {
"hex": "#fdf4f4",
"rgb": {
"r": 253,
"g": 244,
"b": 244
}
},
"400": {
"hex": "#fbefef",
"rgb": {
"r": 251,
"g": 239,
"b": 239
}
},
"500": {
"hex": "#E8C8C8",
"rgb": {
"r": 232,
"g": 200,
"b": 200
}
},
"600": {
"hex": "#cfc1c1",
"rgb": {
"r": 207,
"g": 193,
"b": 193
}
},
"700": {
"hex": "#938787",
"rgb": {
"r": 147,
"g": 135,
"b": 135
}
},
"800": {
"hex": "#5b5252",
"rgb": {
"r": 91,
"g": 82,
"b": 82
}
},
"900": {
"hex": "#2d2727",
"rgb": {
"r": 45,
"g": 39,
"b": 39
}
},
"950": {
"hex": "#090707",
"rgb": {
"r": 9,
"g": 7,
"b": 7
}
}
}
},
{
"name": "dusty-lilac",
"harmony": "Palette",
"hex": "#C9A0C0",
"rgb": {
"r": 201,
"g": 160,
"b": 192
},
"hsl": {
"h": 313,
"s": 28,
"l": 71
},
"value": "#C9A0C0",
"tonalScale": {
"50": {
"hex": "#fffcff",
"rgb": {
"r": 255,
"g": 252,
"b": 255
}
},
"100": {
"hex": "#fef9fd",
"rgb": {
"r": 254,
"g": 249,
"b": 253
}
},
"200": {
"hex": "#fbf3fa",
"rgb": {
"r": 251,
"g": 243,
"b": 250
}
},
"300": {
"hex": "#f8ecf5",
"rgb": {
"r": 248,
"g": 236,
"b": 245
}
},
"400": {
"hex": "#f2e1ef",
"rgb": {
"r": 242,
"g": 225,
"b": 239
}
},
"500": {
"hex": "#C9A0C0",
"rgb": {
"r": 201,
"g": 160,
"b": 192
}
},
"600": {
"hex": "#c3aebe",
"rgb": {
"r": 195,
"g": 174,
"b": 190
}
},
"700": {
"hex": "#8b7a87",
"rgb": {
"r": 139,
"g": 122,
"b": 135
}
},
"800": {
"hex": "#564953",
"rgb": {
"r": 86,
"g": 73,
"b": 83
}
},
"900": {
"hex": "#2a2228",
"rgb": {
"r": 42,
"g": 34,
"b": 40
}
},
"950": {
"hex": "#080507",
"rgb": {
"r": 8,
"g": 5,
"b": 7
}
}
}
},
{
"name": "dusty-blue",
"harmony": "Palette",
"hex": "#A9BCC0",
"rgb": {
"r": 169,
"g": 188,
"b": 192
},
"hsl": {
"h": 190,
"s": 15,
"l": 71
},
"value": "#A9BCC0",
"tonalScale": {
"50": {
"hex": "#fdfefe",
"rgb": {
"r": 253,
"g": 254,
"b": 254
}
},
"100": {
"hex": "#fafcfc",
"rgb": {
"r": 250,
"g": 252,
"b": 252
}
},
"200": {
"hex": "#f5f8f9",
"rgb": {
"r": 245,
"g": 248,
"b": 249
}
},
"300": {
"hex": "#edf3f4",
"rgb": {
"r": 237,
"g": 243,
"b": 244
}
},
"400": {
"hex": "#e4ecee",
"rgb": {
"r": 228,
"g": 236,
"b": 238
}
},
"500": {
"hex": "#A9BCC0",
"rgb": {
"r": 169,
"g": 188,
"b": 192
}
},
"600": {
"hex": "#b3bcbe",
"rgb": {
"r": 179,
"g": 188,
"b": 190
}
},
"700": {
"hex": "#7d8586",
"rgb": {
"r": 125,
"g": 133,
"b": 134
}
},
"800": {
"hex": "#4b5152",
"rgb": {
"r": 75,
"g": 81,
"b": 82
}
},
"900": {
"hex": "#232728",
"rgb": {
"r": 35,
"g": 39,
"b": 40
}
},
"950": {
"hex": "#060707",
"rgb": {
"r": 6,
"g": 7,
"b": 7
}
}
}
},
{
"name": "sage-green",
"harmony": "Palette",
"hex": "#9CAF88",
"rgb": {
"r": 156,
"g": 175,
"b": 136
},
"hsl": {
"h": 89,
"s": 20,
"l": 61
},
"value": "#9CAF88",
"tonalScale": {
"50": {
"hex": "#fcfefb",
"rgb": {
"r": 252,
"g": 254,
"b": 251
}
},
"100": {
"hex": "#f9fcf7",
"rgb": {
"r": 249,
"g": 252,
"b": 247
}
},
"200": {
"hex": "#f3f7ef",
"rgb": {
"r": 243,
"g": 247,
"b": 239
}
},
"300": {
"hex": "#ebf1e4",
"rgb": {
"r": 235,
"g": 241,
"b": 228
}
},
"400": {
"hex": "#e0e8d6",
"rgb": {
"r": 224,
"g": 232,
"b": 214
}
},
"500": {
"hex": "#9CAF88",
"rgb": {
"r": 156,
"g": 175,
"b": 136
}
},
"600": {
"hex": "#acb6a1",
"rgb": {
"r": 172,
"g": 182,
"b": 161
}
},
"700": {
"hex": "#78816f",
"rgb": {
"r": 120,
"g": 129,
"b": 111
}
},
"800": {
"hex": "#484f41",
"rgb": {
"r": 72,
"g": 79,
"b": 65
}
},
"900": {
"hex": "#22261d",
"rgb": {
"r": 34,
"g": 38,
"b": 29
}
},
"950": {
"hex": "#050604",
"rgb": {
"r": 5,
"g": 6,
"b": 4
}
}
}
},
{
"name": "warm-cream",
"harmony": "Palette",
"hex": "#FBF3E0",
"rgb": {
"r": 251,
"g": 243,
"b": 224
},
"hsl": {
"h": 42,
"s": 77,
"l": 93
},
"value": "#FBF3E0",
"tonalScale": {
"50": {
"hex": "#fffffe",
"rgb": {
"r": 255,
"g": 255,
"b": 254
}
},
"100": {
"hex": "#fffefd",
"rgb": {
"r": 255,
"g": 254,
"b": 253
}
},
"200": {
"hex": "#fffefb",
"rgb": {
"r": 255,
"g": 254,
"b": 251
}
},
"300": {
"hex": "#fffdf8",
"rgb": {
"r": 255,
"g": 253,
"b": 248
}
},
"400": {
"hex": "#fffcf5",
"rgb": {
"r": 255,
"g": 252,
"b": 245
}
},
"500": {
"hex": "#FBF3E0",
"rgb": {
"r": 251,
"g": 243,
"b": 224
}
},
"600": {
"hex": "#d6d3cb",
"rgb": {
"r": 214,
"g": 211,
"b": 203
}
},
"700": {
"hex": "#98958e",
"rgb": {
"r": 152,
"g": 149,
"b": 142
}
},
"800": {
"hex": "#5d5b56",
"rgb": {
"r": 93,
"g": 91,
"b": 86
}
},
"900": {
"hex": "#2e2c29",
"rgb": {
"r": 46,
"g": 44,
"b": 41
}
},
"950": {
"hex": "#090907",
"rgb": {
"r": 9,
"g": 9,
"b": 7
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 soft-blush,Palette,#E8C8C8,"rgb(232, 200, 200)","hsl(0, 41%, 85%)",#E8C8C8,#fffefe,#fffcfc,#fef9f9,#fdf4f4,#fbefef,#E8C8C8,#cfc1c1,#938787,#5b5252,#2d2727,#090707 dusty-lilac,Palette,#C9A0C0,"rgb(201, 160, 192)","hsl(313, 28%, 71%)",#C9A0C0,#fffcff,#fef9fd,#fbf3fa,#f8ecf5,#f2e1ef,#C9A0C0,#c3aebe,#8b7a87,#564953,#2a2228,#080507 dusty-blue,Palette,#A9BCC0,"rgb(169, 188, 192)","hsl(190, 15%, 71%)",#A9BCC0,#fdfefe,#fafcfc,#f5f8f9,#edf3f4,#e4ecee,#A9BCC0,#b3bcbe,#7d8586,#4b5152,#232728,#060707 sage-green,Palette,#9CAF88,"rgb(156, 175, 136)","hsl(89, 20%, 61%)",#9CAF88,#fcfefb,#f9fcf7,#f3f7ef,#ebf1e4,#e0e8d6,#9CAF88,#acb6a1,#78816f,#484f41,#22261d,#050604 warm-cream,Palette,#FBF3E0,"rgb(251, 243, 224)","hsl(42, 77%, 93%)",#FBF3E0,#fffffe,#fffefd,#fffefb,#fffdf8,#fffcf5,#FBF3E0,#d6d3cb,#98958e,#5d5b56,#2e2c29,#090907
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 232 200 200 soft-blush 255 254 254 soft-blush-50 255 252 252 soft-blush-100 254 249 249 soft-blush-200 253 244 244 soft-blush-300 251 239 239 soft-blush-400 232 200 200 soft-blush-500 207 193 193 soft-blush-600 147 135 135 soft-blush-700 91 82 82 soft-blush-800 45 39 39 soft-blush-900 9 7 7 soft-blush-950 201 160 192 dusty-lilac 255 252 255 dusty-lilac-50 254 249 253 dusty-lilac-100 251 243 250 dusty-lilac-200 248 236 245 dusty-lilac-300 242 225 239 dusty-lilac-400 201 160 192 dusty-lilac-500 195 174 190 dusty-lilac-600 139 122 135 dusty-lilac-700 86 73 83 dusty-lilac-800 42 34 40 dusty-lilac-900 8 5 7 dusty-lilac-950 169 188 192 dusty-blue 253 254 254 dusty-blue-50 250 252 252 dusty-blue-100 245 248 249 dusty-blue-200 237 243 244 dusty-blue-300 228 236 238 dusty-blue-400 169 188 192 dusty-blue-500 179 188 190 dusty-blue-600 125 133 134 dusty-blue-700 75 81 82 dusty-blue-800 35 39 40 dusty-blue-900 6 7 7 dusty-blue-950 156 175 136 sage-green 252 254 251 sage-green-50 249 252 247 sage-green-100 243 247 239 sage-green-200 235 241 228 sage-green-300 224 232 214 sage-green-400 156 175 136 sage-green-500 172 182 161 sage-green-600 120 129 111 sage-green-700 72 79 65 sage-green-800 34 38 29 sage-green-900 5 6 4 sage-green-950 251 243 224 warm-cream 255 255 254 warm-cream-50 255 254 253 warm-cream-100 255 254 251 warm-cream-200 255 253 248 warm-cream-300 255 252 245 warm-cream-400 251 243 224 warm-cream-500 214 211 203 warm-cream-600 152 149 142 warm-cream-700 93 91 86 warm-cream-800 46 44 41 warm-cream-900 9 9 7 warm-cream-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.