← Back to Tools
Explore the E6D7C3 color - a warm cream beige hex code. This palette pairs #E6D7C3 warm cream with #E2725B terracotta, #B87333 copper brown, #F5EDE2 ivory cream, and #8C5A3B warm umber for earthy, cozy interior designs.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--warm-cream: #E6D7C3;
--warm-cream-50: #fffefd;
--warm-cream-100: #fffdfb;
--warm-cream-200: #fdfbf7;
--warm-cream-300: #fcf8f2;
--warm-cream-400: #f9f4ec;
--warm-cream-500: #E6D7C3;
--warm-cream-600: #cec7be;
--warm-cream-700: #928d85;
--warm-cream-800: #5a5650;
--warm-cream-900: #2c2926;
--warm-cream-950: #090806;
--terracotta: #E2725B;
--terracotta-50: #fffbf8;
--terracotta-100: #fff6f2;
--terracotta-200: #ffece5;
--terracotta-300: #ffdfd5;
--terracotta-400: #ffcec0;
--terracotta-500: #E2725B;
--terracotta-600: #cf9585;
--terracotta-700: #966658;
--terracotta-800: #603b31;
--terracotta-900: #311a13;
--terracotta-950: #0b0302;
--copper-brown: #B87333;
--copper-brown-50: #fffbf5;
--copper-brown-100: #fff7ec;
--copper-brown-200: #fdedda;
--copper-brown-300: #f9e1c2;
--copper-brown-400: #f1d0a5;
--copper-brown-500: #B87333;
--copper-brown-600: #bc9662;
--copper-brown-700: #88683b;
--copper-brown-800: #563d1a;
--copper-brown-900: #2b1b04;
--copper-brown-950: #080400;
--ivory-cream: #F5EDE2;
--ivory-cream-50: #fffffe;
--ivory-cream-100: #fffefd;
--ivory-cream-200: #fefdfb;
--ivory-cream-300: #fefcf9;
--ivory-cream-400: #fdfaf6;
--ivory-cream-500: #F5EDE2;
--ivory-cream-600: #d4d0cc;
--ivory-cream-700: #96938f;
--ivory-cream-800: #5c5a57;
--ivory-cream-900: #2d2c2a;
--ivory-cream-950: #090808;
--warm-umber: #8C5A3B;
--warm-umber-50: #fffbf7;
--warm-umber-100: #fcf5ef;
--warm-umber-200: #f6e9de;
--warm-umber-300: #eed9c9;
--warm-umber-400: #e1c4ae;
--warm-umber-500: #8C5A3B;
--warm-umber-600: #a6866c;
--warm-umber-700: #775c46;
--warm-umber-800: #4a3625;
--warm-umber-900: #24170c;
--warm-umber-950: #060301;
}
$warm-cream: #E6D7C3; $warm-cream-50: #fffefd; $warm-cream-100: #fffdfb; $warm-cream-200: #fdfbf7; $warm-cream-300: #fcf8f2; $warm-cream-400: #f9f4ec; $warm-cream-500: #E6D7C3; $warm-cream-600: #cec7be; $warm-cream-700: #928d85; $warm-cream-800: #5a5650; $warm-cream-900: #2c2926; $warm-cream-950: #090806; $terracotta: #E2725B; $terracotta-50: #fffbf8; $terracotta-100: #fff6f2; $terracotta-200: #ffece5; $terracotta-300: #ffdfd5; $terracotta-400: #ffcec0; $terracotta-500: #E2725B; $terracotta-600: #cf9585; $terracotta-700: #966658; $terracotta-800: #603b31; $terracotta-900: #311a13; $terracotta-950: #0b0302; $copper-brown: #B87333; $copper-brown-50: #fffbf5; $copper-brown-100: #fff7ec; $copper-brown-200: #fdedda; $copper-brown-300: #f9e1c2; $copper-brown-400: #f1d0a5; $copper-brown-500: #B87333; $copper-brown-600: #bc9662; $copper-brown-700: #88683b; $copper-brown-800: #563d1a; $copper-brown-900: #2b1b04; $copper-brown-950: #080400; $ivory-cream: #F5EDE2; $ivory-cream-50: #fffffe; $ivory-cream-100: #fffefd; $ivory-cream-200: #fefdfb; $ivory-cream-300: #fefcf9; $ivory-cream-400: #fdfaf6; $ivory-cream-500: #F5EDE2; $ivory-cream-600: #d4d0cc; $ivory-cream-700: #96938f; $ivory-cream-800: #5c5a57; $ivory-cream-900: #2d2c2a; $ivory-cream-950: #090808; $warm-umber: #8C5A3B; $warm-umber-50: #fffbf7; $warm-umber-100: #fcf5ef; $warm-umber-200: #f6e9de; $warm-umber-300: #eed9c9; $warm-umber-400: #e1c4ae; $warm-umber-500: #8C5A3B; $warm-umber-600: #a6866c; $warm-umber-700: #775c46; $warm-umber-800: #4a3625; $warm-umber-900: #24170c; $warm-umber-950: #060301;
colors: {
'warm-cream': {
50: '#fffefd',
100: '#fffdfb',
200: '#fdfbf7',
300: '#fcf8f2',
400: '#f9f4ec',
500: '#E6D7C3',
600: '#cec7be',
700: '#928d85',
800: '#5a5650',
900: '#2c2926',
950: '#090806',
DEFAULT: '#E6D7C3',
},
'terracotta': {
50: '#fffbf8',
100: '#fff6f2',
200: '#ffece5',
300: '#ffdfd5',
400: '#ffcec0',
500: '#E2725B',
600: '#cf9585',
700: '#966658',
800: '#603b31',
900: '#311a13',
950: '#0b0302',
DEFAULT: '#E2725B',
},
'copper-brown': {
50: '#fffbf5',
100: '#fff7ec',
200: '#fdedda',
300: '#f9e1c2',
400: '#f1d0a5',
500: '#B87333',
600: '#bc9662',
700: '#88683b',
800: '#563d1a',
900: '#2b1b04',
950: '#080400',
DEFAULT: '#B87333',
},
'ivory-cream': {
50: '#fffffe',
100: '#fffefd',
200: '#fefdfb',
300: '#fefcf9',
400: '#fdfaf6',
500: '#F5EDE2',
600: '#d4d0cc',
700: '#96938f',
800: '#5c5a57',
900: '#2d2c2a',
950: '#090808',
DEFAULT: '#F5EDE2',
},
'warm-umber': {
50: '#fffbf7',
100: '#fcf5ef',
200: '#f6e9de',
300: '#eed9c9',
400: '#e1c4ae',
500: '#8C5A3B',
600: '#a6866c',
700: '#775c46',
800: '#4a3625',
900: '#24170c',
950: '#060301',
DEFAULT: '#8C5A3B',
},
},
[
{
"name": "warm-cream",
"harmony": "Palette",
"hex": "#E6D7C3",
"rgb": {
"r": 230,
"g": 215,
"b": 195
},
"hsl": {
"h": 34,
"s": 41,
"l": 83
},
"value": "#E6D7C3",
"tonalScale": {
"50": {
"hex": "#fffefd",
"rgb": {
"r": 255,
"g": 254,
"b": 253
}
},
"100": {
"hex": "#fffdfb",
"rgb": {
"r": 255,
"g": 253,
"b": 251
}
},
"200": {
"hex": "#fdfbf7",
"rgb": {
"r": 253,
"g": 251,
"b": 247
}
},
"300": {
"hex": "#fcf8f2",
"rgb": {
"r": 252,
"g": 248,
"b": 242
}
},
"400": {
"hex": "#f9f4ec",
"rgb": {
"r": 249,
"g": 244,
"b": 236
}
},
"500": {
"hex": "#E6D7C3",
"rgb": {
"r": 230,
"g": 215,
"b": 195
}
},
"600": {
"hex": "#cec7be",
"rgb": {
"r": 206,
"g": 199,
"b": 190
}
},
"700": {
"hex": "#928d85",
"rgb": {
"r": 146,
"g": 141,
"b": 133
}
},
"800": {
"hex": "#5a5650",
"rgb": {
"r": 90,
"g": 86,
"b": 80
}
},
"900": {
"hex": "#2c2926",
"rgb": {
"r": 44,
"g": 41,
"b": 38
}
},
"950": {
"hex": "#090806",
"rgb": {
"r": 9,
"g": 8,
"b": 6
}
}
}
},
{
"name": "terracotta",
"harmony": "Palette",
"hex": "#E2725B",
"rgb": {
"r": 226,
"g": 114,
"b": 91
},
"hsl": {
"h": 10,
"s": 70,
"l": 62
},
"value": "#E2725B",
"tonalScale": {
"50": {
"hex": "#fffbf8",
"rgb": {
"r": 255,
"g": 251,
"b": 248
}
},
"100": {
"hex": "#fff6f2",
"rgb": {
"r": 255,
"g": 246,
"b": 242
}
},
"200": {
"hex": "#ffece5",
"rgb": {
"r": 255,
"g": 236,
"b": 229
}
},
"300": {
"hex": "#ffdfd5",
"rgb": {
"r": 255,
"g": 223,
"b": 213
}
},
"400": {
"hex": "#ffcec0",
"rgb": {
"r": 255,
"g": 206,
"b": 192
}
},
"500": {
"hex": "#E2725B",
"rgb": {
"r": 226,
"g": 114,
"b": 91
}
},
"600": {
"hex": "#cf9585",
"rgb": {
"r": 207,
"g": 149,
"b": 133
}
},
"700": {
"hex": "#966658",
"rgb": {
"r": 150,
"g": 102,
"b": 88
}
},
"800": {
"hex": "#603b31",
"rgb": {
"r": 96,
"g": 59,
"b": 49
}
},
"900": {
"hex": "#311a13",
"rgb": {
"r": 49,
"g": 26,
"b": 19
}
},
"950": {
"hex": "#0b0302",
"rgb": {
"r": 11,
"g": 3,
"b": 2
}
}
}
},
{
"name": "copper-brown",
"harmony": "Palette",
"hex": "#B87333",
"rgb": {
"r": 184,
"g": 115,
"b": 51
},
"hsl": {
"h": 29,
"s": 57,
"l": 46
},
"value": "#B87333",
"tonalScale": {
"50": {
"hex": "#fffbf5",
"rgb": {
"r": 255,
"g": 251,
"b": 245
}
},
"100": {
"hex": "#fff7ec",
"rgb": {
"r": 255,
"g": 247,
"b": 236
}
},
"200": {
"hex": "#fdedda",
"rgb": {
"r": 253,
"g": 237,
"b": 218
}
},
"300": {
"hex": "#f9e1c2",
"rgb": {
"r": 249,
"g": 225,
"b": 194
}
},
"400": {
"hex": "#f1d0a5",
"rgb": {
"r": 241,
"g": 208,
"b": 165
}
},
"500": {
"hex": "#B87333",
"rgb": {
"r": 184,
"g": 115,
"b": 51
}
},
"600": {
"hex": "#bc9662",
"rgb": {
"r": 188,
"g": 150,
"b": 98
}
},
"700": {
"hex": "#88683b",
"rgb": {
"r": 136,
"g": 104,
"b": 59
}
},
"800": {
"hex": "#563d1a",
"rgb": {
"r": 86,
"g": 61,
"b": 26
}
},
"900": {
"hex": "#2b1b04",
"rgb": {
"r": 43,
"g": 27,
"b": 4
}
},
"950": {
"hex": "#080400",
"rgb": {
"r": 8,
"g": 4,
"b": 0
}
}
}
},
{
"name": "ivory-cream",
"harmony": "Palette",
"hex": "#F5EDE2",
"rgb": {
"r": 245,
"g": 237,
"b": 226
},
"hsl": {
"h": 35,
"s": 49,
"l": 92
},
"value": "#F5EDE2",
"tonalScale": {
"50": {
"hex": "#fffffe",
"rgb": {
"r": 255,
"g": 255,
"b": 254
}
},
"100": {
"hex": "#fffefd",
"rgb": {
"r": 255,
"g": 254,
"b": 253
}
},
"200": {
"hex": "#fefdfb",
"rgb": {
"r": 254,
"g": 253,
"b": 251
}
},
"300": {
"hex": "#fefcf9",
"rgb": {
"r": 254,
"g": 252,
"b": 249
}
},
"400": {
"hex": "#fdfaf6",
"rgb": {
"r": 253,
"g": 250,
"b": 246
}
},
"500": {
"hex": "#F5EDE2",
"rgb": {
"r": 245,
"g": 237,
"b": 226
}
},
"600": {
"hex": "#d4d0cc",
"rgb": {
"r": 212,
"g": 208,
"b": 204
}
},
"700": {
"hex": "#96938f",
"rgb": {
"r": 150,
"g": 147,
"b": 143
}
},
"800": {
"hex": "#5c5a57",
"rgb": {
"r": 92,
"g": 90,
"b": 87
}
},
"900": {
"hex": "#2d2c2a",
"rgb": {
"r": 45,
"g": 44,
"b": 42
}
},
"950": {
"hex": "#090808",
"rgb": {
"r": 9,
"g": 8,
"b": 8
}
}
}
},
{
"name": "warm-umber",
"harmony": "Palette",
"hex": "#8C5A3B",
"rgb": {
"r": 140,
"g": 90,
"b": 59
},
"hsl": {
"h": 23,
"s": 41,
"l": 39
},
"value": "#8C5A3B",
"tonalScale": {
"50": {
"hex": "#fffbf7",
"rgb": {
"r": 255,
"g": 251,
"b": 247
}
},
"100": {
"hex": "#fcf5ef",
"rgb": {
"r": 252,
"g": 245,
"b": 239
}
},
"200": {
"hex": "#f6e9de",
"rgb": {
"r": 246,
"g": 233,
"b": 222
}
},
"300": {
"hex": "#eed9c9",
"rgb": {
"r": 238,
"g": 217,
"b": 201
}
},
"400": {
"hex": "#e1c4ae",
"rgb": {
"r": 225,
"g": 196,
"b": 174
}
},
"500": {
"hex": "#8C5A3B",
"rgb": {
"r": 140,
"g": 90,
"b": 59
}
},
"600": {
"hex": "#a6866c",
"rgb": {
"r": 166,
"g": 134,
"b": 108
}
},
"700": {
"hex": "#775c46",
"rgb": {
"r": 119,
"g": 92,
"b": 70
}
},
"800": {
"hex": "#4a3625",
"rgb": {
"r": 74,
"g": 54,
"b": 37
}
},
"900": {
"hex": "#24170c",
"rgb": {
"r": 36,
"g": 23,
"b": 12
}
},
"950": {
"hex": "#060301",
"rgb": {
"r": 6,
"g": 3,
"b": 1
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 warm-cream,Palette,#E6D7C3,"rgb(230, 215, 195)","hsl(34, 41%, 83%)",#E6D7C3,#fffefd,#fffdfb,#fdfbf7,#fcf8f2,#f9f4ec,#E6D7C3,#cec7be,#928d85,#5a5650,#2c2926,#090806 terracotta,Palette,#E2725B,"rgb(226, 114, 91)","hsl(10, 70%, 62%)",#E2725B,#fffbf8,#fff6f2,#ffece5,#ffdfd5,#ffcec0,#E2725B,#cf9585,#966658,#603b31,#311a13,#0b0302 copper-brown,Palette,#B87333,"rgb(184, 115, 51)","hsl(29, 57%, 46%)",#B87333,#fffbf5,#fff7ec,#fdedda,#f9e1c2,#f1d0a5,#B87333,#bc9662,#88683b,#563d1a,#2b1b04,#080400 ivory-cream,Palette,#F5EDE2,"rgb(245, 237, 226)","hsl(35, 49%, 92%)",#F5EDE2,#fffffe,#fffefd,#fefdfb,#fefcf9,#fdfaf6,#F5EDE2,#d4d0cc,#96938f,#5c5a57,#2d2c2a,#090808 warm-umber,Palette,#8C5A3B,"rgb(140, 90, 59)","hsl(23, 41%, 39%)",#8C5A3B,#fffbf7,#fcf5ef,#f6e9de,#eed9c9,#e1c4ae,#8C5A3B,#a6866c,#775c46,#4a3625,#24170c,#060301
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 230 215 195 warm-cream 255 254 253 warm-cream-50 255 253 251 warm-cream-100 253 251 247 warm-cream-200 252 248 242 warm-cream-300 249 244 236 warm-cream-400 230 215 195 warm-cream-500 206 199 190 warm-cream-600 146 141 133 warm-cream-700 90 86 80 warm-cream-800 44 41 38 warm-cream-900 9 8 6 warm-cream-950 226 114 91 terracotta 255 251 248 terracotta-50 255 246 242 terracotta-100 255 236 229 terracotta-200 255 223 213 terracotta-300 255 206 192 terracotta-400 226 114 91 terracotta-500 207 149 133 terracotta-600 150 102 88 terracotta-700 96 59 49 terracotta-800 49 26 19 terracotta-900 11 3 2 terracotta-950 184 115 51 copper-brown 255 251 245 copper-brown-50 255 247 236 copper-brown-100 253 237 218 copper-brown-200 249 225 194 copper-brown-300 241 208 165 copper-brown-400 184 115 51 copper-brown-500 188 150 98 copper-brown-600 136 104 59 copper-brown-700 86 61 26 copper-brown-800 43 27 4 copper-brown-900 8 4 0 copper-brown-950 245 237 226 ivory-cream 255 255 254 ivory-cream-50 255 254 253 ivory-cream-100 254 253 251 ivory-cream-200 254 252 249 ivory-cream-300 253 250 246 ivory-cream-400 245 237 226 ivory-cream-500 212 208 204 ivory-cream-600 150 147 143 ivory-cream-700 92 90 87 ivory-cream-800 45 44 42 ivory-cream-900 9 8 8 ivory-cream-950 140 90 59 warm-umber 255 251 247 warm-umber-50 252 245 239 warm-umber-100 246 233 222 warm-umber-200 238 217 201 warm-umber-300 225 196 174 warm-umber-400 140 90 59 warm-umber-500 166 134 108 warm-umber-600 119 92 70 warm-umber-700 74 54 37 warm-umber-800 36 23 12 warm-umber-900 6 3 1 warm-umber-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.