← Back to Tools
Design earthy minimalist colors with warm white (#FBF7F4), pale blush (#EDD8CC), dusty terracotta (#C07858), warm brown (#8A5240), and deep espresso (#2C1810) for ceramic and lifestyle brands.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--warm-white: #FBF7F4;
--warm-white-50: #ffffff;
--warm-white-100: #fffffe;
--warm-white-200: #fffefe;
--warm-white-300: #fffefd;
--warm-white-400: #fefdfc;
--warm-white-500: #FBF7F4;
--warm-white-600: #d6d4d3;
--warm-white-700: #979695;
--warm-white-800: #5d5c5b;
--warm-white-900: #2e2d2c;
--warm-white-950: #090909;
--pale-blush: #EDD8CC;
--pale-blush-50: #fffefd;
--pale-blush-100: #fffdfc;
--pale-blush-200: #fefbf9;
--pale-blush-300: #fdf8f5;
--pale-blush-400: #fcf4ef;
--pale-blush-500: #EDD8CC;
--pale-blush-600: #d1c8c2;
--pale-blush-700: #948d88;
--pale-blush-800: #5c5652;
--pale-blush-900: #2d2927;
--pale-blush-950: #090807;
--dusty-terracotta: #C07858;
--dusty-terracotta-50: #fffbf8;
--dusty-terracotta-100: #fff7f2;
--dusty-terracotta-200: #fdeee5;
--dusty-terracotta-300: #fae2d4;
--dusty-terracotta-400: #f4d1be;
--dusty-terracotta-500: #C07858;
--dusty-terracotta-600: #c09983;
--dusty-terracotta-700: #8a6a57;
--dusty-terracotta-800: #573e30;
--dusty-terracotta-900: #2b1c13;
--dusty-terracotta-950: #080402;
--warm-brown: #8A5240;
--warm-brown-50: #fffaf8;
--warm-brown-100: #fdf4f0;
--warm-brown-200: #f6e7e1;
--warm-brown-300: #eed6cc;
--warm-brown-400: #e1bfb2;
--warm-brown-500: #8A5240;
--warm-brown-600: #a58071;
--warm-brown-700: #77584b;
--warm-brown-800: #4a3329;
--warm-brown-900: #24150f;
--warm-brown-950: #060302;
--deep-espresso: #2C1810;
--deep-espresso-50: #fbf7f5;
--deep-espresso-100: #f3ece8;
--deep-espresso-200: #e3d7d0;
--deep-espresso-300: #cdbab1;
--deep-espresso-400: #ae9588;
--deep-espresso-500: #2C1810;
--deep-espresso-600: #624739;
--deep-espresso-700: #452f23;
--deep-espresso-800: #29190f;
--deep-espresso-900: #120703;
--deep-espresso-950: #020100;
}
$warm-white: #FBF7F4; $warm-white-50: #ffffff; $warm-white-100: #fffffe; $warm-white-200: #fffefe; $warm-white-300: #fffefd; $warm-white-400: #fefdfc; $warm-white-500: #FBF7F4; $warm-white-600: #d6d4d3; $warm-white-700: #979695; $warm-white-800: #5d5c5b; $warm-white-900: #2e2d2c; $warm-white-950: #090909; $pale-blush: #EDD8CC; $pale-blush-50: #fffefd; $pale-blush-100: #fffdfc; $pale-blush-200: #fefbf9; $pale-blush-300: #fdf8f5; $pale-blush-400: #fcf4ef; $pale-blush-500: #EDD8CC; $pale-blush-600: #d1c8c2; $pale-blush-700: #948d88; $pale-blush-800: #5c5652; $pale-blush-900: #2d2927; $pale-blush-950: #090807; $dusty-terracotta: #C07858; $dusty-terracotta-50: #fffbf8; $dusty-terracotta-100: #fff7f2; $dusty-terracotta-200: #fdeee5; $dusty-terracotta-300: #fae2d4; $dusty-terracotta-400: #f4d1be; $dusty-terracotta-500: #C07858; $dusty-terracotta-600: #c09983; $dusty-terracotta-700: #8a6a57; $dusty-terracotta-800: #573e30; $dusty-terracotta-900: #2b1c13; $dusty-terracotta-950: #080402; $warm-brown: #8A5240; $warm-brown-50: #fffaf8; $warm-brown-100: #fdf4f0; $warm-brown-200: #f6e7e1; $warm-brown-300: #eed6cc; $warm-brown-400: #e1bfb2; $warm-brown-500: #8A5240; $warm-brown-600: #a58071; $warm-brown-700: #77584b; $warm-brown-800: #4a3329; $warm-brown-900: #24150f; $warm-brown-950: #060302; $deep-espresso: #2C1810; $deep-espresso-50: #fbf7f5; $deep-espresso-100: #f3ece8; $deep-espresso-200: #e3d7d0; $deep-espresso-300: #cdbab1; $deep-espresso-400: #ae9588; $deep-espresso-500: #2C1810; $deep-espresso-600: #624739; $deep-espresso-700: #452f23; $deep-espresso-800: #29190f; $deep-espresso-900: #120703; $deep-espresso-950: #020100;
colors: {
'warm-white': {
50: '#ffffff',
100: '#fffffe',
200: '#fffefe',
300: '#fffefd',
400: '#fefdfc',
500: '#FBF7F4',
600: '#d6d4d3',
700: '#979695',
800: '#5d5c5b',
900: '#2e2d2c',
950: '#090909',
DEFAULT: '#FBF7F4',
},
'pale-blush': {
50: '#fffefd',
100: '#fffdfc',
200: '#fefbf9',
300: '#fdf8f5',
400: '#fcf4ef',
500: '#EDD8CC',
600: '#d1c8c2',
700: '#948d88',
800: '#5c5652',
900: '#2d2927',
950: '#090807',
DEFAULT: '#EDD8CC',
},
'dusty-terracotta': {
50: '#fffbf8',
100: '#fff7f2',
200: '#fdeee5',
300: '#fae2d4',
400: '#f4d1be',
500: '#C07858',
600: '#c09983',
700: '#8a6a57',
800: '#573e30',
900: '#2b1c13',
950: '#080402',
DEFAULT: '#C07858',
},
'warm-brown': {
50: '#fffaf8',
100: '#fdf4f0',
200: '#f6e7e1',
300: '#eed6cc',
400: '#e1bfb2',
500: '#8A5240',
600: '#a58071',
700: '#77584b',
800: '#4a3329',
900: '#24150f',
950: '#060302',
DEFAULT: '#8A5240',
},
'deep-espresso': {
50: '#fbf7f5',
100: '#f3ece8',
200: '#e3d7d0',
300: '#cdbab1',
400: '#ae9588',
500: '#2C1810',
600: '#624739',
700: '#452f23',
800: '#29190f',
900: '#120703',
950: '#020100',
DEFAULT: '#2C1810',
},
},
[
{
"name": "warm-white",
"harmony": "Palette",
"hex": "#FBF7F4",
"rgb": {
"r": 251,
"g": 247,
"b": 244
},
"hsl": {
"h": 26,
"s": 47,
"l": 97
},
"value": "#FBF7F4",
"tonalScale": {
"50": {
"hex": "#ffffff",
"rgb": {
"r": 255,
"g": 255,
"b": 255
}
},
"100": {
"hex": "#fffffe",
"rgb": {
"r": 255,
"g": 255,
"b": 254
}
},
"200": {
"hex": "#fffefe",
"rgb": {
"r": 255,
"g": 254,
"b": 254
}
},
"300": {
"hex": "#fffefd",
"rgb": {
"r": 255,
"g": 254,
"b": 253
}
},
"400": {
"hex": "#fefdfc",
"rgb": {
"r": 254,
"g": 253,
"b": 252
}
},
"500": {
"hex": "#FBF7F4",
"rgb": {
"r": 251,
"g": 247,
"b": 244
}
},
"600": {
"hex": "#d6d4d3",
"rgb": {
"r": 214,
"g": 212,
"b": 211
}
},
"700": {
"hex": "#979695",
"rgb": {
"r": 151,
"g": 150,
"b": 149
}
},
"800": {
"hex": "#5d5c5b",
"rgb": {
"r": 93,
"g": 92,
"b": 91
}
},
"900": {
"hex": "#2e2d2c",
"rgb": {
"r": 46,
"g": 45,
"b": 44
}
},
"950": {
"hex": "#090909",
"rgb": {
"r": 9,
"g": 9,
"b": 9
}
}
}
},
{
"name": "pale-blush",
"harmony": "Palette",
"hex": "#EDD8CC",
"rgb": {
"r": 237,
"g": 216,
"b": 204
},
"hsl": {
"h": 22,
"s": 48,
"l": 86
},
"value": "#EDD8CC",
"tonalScale": {
"50": {
"hex": "#fffefd",
"rgb": {
"r": 255,
"g": 254,
"b": 253
}
},
"100": {
"hex": "#fffdfc",
"rgb": {
"r": 255,
"g": 253,
"b": 252
}
},
"200": {
"hex": "#fefbf9",
"rgb": {
"r": 254,
"g": 251,
"b": 249
}
},
"300": {
"hex": "#fdf8f5",
"rgb": {
"r": 253,
"g": 248,
"b": 245
}
},
"400": {
"hex": "#fcf4ef",
"rgb": {
"r": 252,
"g": 244,
"b": 239
}
},
"500": {
"hex": "#EDD8CC",
"rgb": {
"r": 237,
"g": 216,
"b": 204
}
},
"600": {
"hex": "#d1c8c2",
"rgb": {
"r": 209,
"g": 200,
"b": 194
}
},
"700": {
"hex": "#948d88",
"rgb": {
"r": 148,
"g": 141,
"b": 136
}
},
"800": {
"hex": "#5c5652",
"rgb": {
"r": 92,
"g": 86,
"b": 82
}
},
"900": {
"hex": "#2d2927",
"rgb": {
"r": 45,
"g": 41,
"b": 39
}
},
"950": {
"hex": "#090807",
"rgb": {
"r": 9,
"g": 8,
"b": 7
}
}
}
},
{
"name": "dusty-terracotta",
"harmony": "Palette",
"hex": "#C07858",
"rgb": {
"r": 192,
"g": 120,
"b": 88
},
"hsl": {
"h": 18,
"s": 45,
"l": 55
},
"value": "#C07858",
"tonalScale": {
"50": {
"hex": "#fffbf8",
"rgb": {
"r": 255,
"g": 251,
"b": 248
}
},
"100": {
"hex": "#fff7f2",
"rgb": {
"r": 255,
"g": 247,
"b": 242
}
},
"200": {
"hex": "#fdeee5",
"rgb": {
"r": 253,
"g": 238,
"b": 229
}
},
"300": {
"hex": "#fae2d4",
"rgb": {
"r": 250,
"g": 226,
"b": 212
}
},
"400": {
"hex": "#f4d1be",
"rgb": {
"r": 244,
"g": 209,
"b": 190
}
},
"500": {
"hex": "#C07858",
"rgb": {
"r": 192,
"g": 120,
"b": 88
}
},
"600": {
"hex": "#c09983",
"rgb": {
"r": 192,
"g": 153,
"b": 131
}
},
"700": {
"hex": "#8a6a57",
"rgb": {
"r": 138,
"g": 106,
"b": 87
}
},
"800": {
"hex": "#573e30",
"rgb": {
"r": 87,
"g": 62,
"b": 48
}
},
"900": {
"hex": "#2b1c13",
"rgb": {
"r": 43,
"g": 28,
"b": 19
}
},
"950": {
"hex": "#080402",
"rgb": {
"r": 8,
"g": 4,
"b": 2
}
}
}
},
{
"name": "warm-brown",
"harmony": "Palette",
"hex": "#8A5240",
"rgb": {
"r": 138,
"g": 82,
"b": 64
},
"hsl": {
"h": 15,
"s": 37,
"l": 40
},
"value": "#8A5240",
"tonalScale": {
"50": {
"hex": "#fffaf8",
"rgb": {
"r": 255,
"g": 250,
"b": 248
}
},
"100": {
"hex": "#fdf4f0",
"rgb": {
"r": 253,
"g": 244,
"b": 240
}
},
"200": {
"hex": "#f6e7e1",
"rgb": {
"r": 246,
"g": 231,
"b": 225
}
},
"300": {
"hex": "#eed6cc",
"rgb": {
"r": 238,
"g": 214,
"b": 204
}
},
"400": {
"hex": "#e1bfb2",
"rgb": {
"r": 225,
"g": 191,
"b": 178
}
},
"500": {
"hex": "#8A5240",
"rgb": {
"r": 138,
"g": 82,
"b": 64
}
},
"600": {
"hex": "#a58071",
"rgb": {
"r": 165,
"g": 128,
"b": 113
}
},
"700": {
"hex": "#77584b",
"rgb": {
"r": 119,
"g": 88,
"b": 75
}
},
"800": {
"hex": "#4a3329",
"rgb": {
"r": 74,
"g": 51,
"b": 41
}
},
"900": {
"hex": "#24150f",
"rgb": {
"r": 36,
"g": 21,
"b": 15
}
},
"950": {
"hex": "#060302",
"rgb": {
"r": 6,
"g": 3,
"b": 2
}
}
}
},
{
"name": "deep-espresso",
"harmony": "Palette",
"hex": "#2C1810",
"rgb": {
"r": 44,
"g": 24,
"b": 16
},
"hsl": {
"h": 17,
"s": 47,
"l": 12
},
"value": "#2C1810",
"tonalScale": {
"50": {
"hex": "#fbf7f5",
"rgb": {
"r": 251,
"g": 247,
"b": 245
}
},
"100": {
"hex": "#f3ece8",
"rgb": {
"r": 243,
"g": 236,
"b": 232
}
},
"200": {
"hex": "#e3d7d0",
"rgb": {
"r": 227,
"g": 215,
"b": 208
}
},
"300": {
"hex": "#cdbab1",
"rgb": {
"r": 205,
"g": 186,
"b": 177
}
},
"400": {
"hex": "#ae9588",
"rgb": {
"r": 174,
"g": 149,
"b": 136
}
},
"500": {
"hex": "#2C1810",
"rgb": {
"r": 44,
"g": 24,
"b": 16
}
},
"600": {
"hex": "#624739",
"rgb": {
"r": 98,
"g": 71,
"b": 57
}
},
"700": {
"hex": "#452f23",
"rgb": {
"r": 69,
"g": 47,
"b": 35
}
},
"800": {
"hex": "#29190f",
"rgb": {
"r": 41,
"g": 25,
"b": 15
}
},
"900": {
"hex": "#120703",
"rgb": {
"r": 18,
"g": 7,
"b": 3
}
},
"950": {
"hex": "#020100",
"rgb": {
"r": 2,
"g": 1,
"b": 0
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 warm-white,Palette,#FBF7F4,"rgb(251, 247, 244)","hsl(26, 47%, 97%)",#FBF7F4,#ffffff,#fffffe,#fffefe,#fffefd,#fefdfc,#FBF7F4,#d6d4d3,#979695,#5d5c5b,#2e2d2c,#090909 pale-blush,Palette,#EDD8CC,"rgb(237, 216, 204)","hsl(22, 48%, 86%)",#EDD8CC,#fffefd,#fffdfc,#fefbf9,#fdf8f5,#fcf4ef,#EDD8CC,#d1c8c2,#948d88,#5c5652,#2d2927,#090807 dusty-terracotta,Palette,#C07858,"rgb(192, 120, 88)","hsl(18, 45%, 55%)",#C07858,#fffbf8,#fff7f2,#fdeee5,#fae2d4,#f4d1be,#C07858,#c09983,#8a6a57,#573e30,#2b1c13,#080402 warm-brown,Palette,#8A5240,"rgb(138, 82, 64)","hsl(15, 37%, 40%)",#8A5240,#fffaf8,#fdf4f0,#f6e7e1,#eed6cc,#e1bfb2,#8A5240,#a58071,#77584b,#4a3329,#24150f,#060302 deep-espresso,Palette,#2C1810,"rgb(44, 24, 16)","hsl(17, 47%, 12%)",#2C1810,#fbf7f5,#f3ece8,#e3d7d0,#cdbab1,#ae9588,#2C1810,#624739,#452f23,#29190f,#120703,#020100
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 251 247 244 warm-white 255 255 255 warm-white-50 255 255 254 warm-white-100 255 254 254 warm-white-200 255 254 253 warm-white-300 254 253 252 warm-white-400 251 247 244 warm-white-500 214 212 211 warm-white-600 151 150 149 warm-white-700 93 92 91 warm-white-800 46 45 44 warm-white-900 9 9 9 warm-white-950 237 216 204 pale-blush 255 254 253 pale-blush-50 255 253 252 pale-blush-100 254 251 249 pale-blush-200 253 248 245 pale-blush-300 252 244 239 pale-blush-400 237 216 204 pale-blush-500 209 200 194 pale-blush-600 148 141 136 pale-blush-700 92 86 82 pale-blush-800 45 41 39 pale-blush-900 9 8 7 pale-blush-950 192 120 88 dusty-terracotta 255 251 248 dusty-terracotta-50 255 247 242 dusty-terracotta-100 253 238 229 dusty-terracotta-200 250 226 212 dusty-terracotta-300 244 209 190 dusty-terracotta-400 192 120 88 dusty-terracotta-500 192 153 131 dusty-terracotta-600 138 106 87 dusty-terracotta-700 87 62 48 dusty-terracotta-800 43 28 19 dusty-terracotta-900 8 4 2 dusty-terracotta-950 138 82 64 warm-brown 255 250 248 warm-brown-50 253 244 240 warm-brown-100 246 231 225 warm-brown-200 238 214 204 warm-brown-300 225 191 178 warm-brown-400 138 82 64 warm-brown-500 165 128 113 warm-brown-600 119 88 75 warm-brown-700 74 51 41 warm-brown-800 36 21 15 warm-brown-900 6 3 2 warm-brown-950 44 24 16 deep-espresso 251 247 245 deep-espresso-50 243 236 232 deep-espresso-100 227 215 208 deep-espresso-200 205 186 177 deep-espresso-300 174 149 136 deep-espresso-400 44 24 16 deep-espresso-500 98 71 57 deep-espresso-600 69 47 35 deep-espresso-700 41 25 15 deep-espresso-800 18 7 3 deep-espresso-900 2 1 0 deep-espresso-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.