← Back to Tools
Create rustic fireside colors with dark espresso (#3B241B), ember brown (#72352B), burnt ember orange (#B3503A), glowing flame (#E27A47), and warm peach (#F6C49B) for cabin cozy designs.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--dark-espresso: #3B241B;
--dark-espresso-50: #fcf8f6;
--dark-espresso-100: #f5eeeb;
--dark-espresso-200: #e6dbd6;
--dark-espresso-300: #d3c2ba;
--dark-espresso-400: #b8a196;
--dark-espresso-500: #3B241B;
--dark-espresso-600: #70574b;
--dark-espresso-700: #4f3a30;
--dark-espresso-800: #302018;
--dark-espresso-900: #150b07;
--dark-espresso-950: #030101;
--ember-brown: #72352B;
--ember-brown-50: #fff8f7;
--ember-brown-100: #fcf0ed;
--ember-brown-200: #f4e0db;
--ember-brown-300: #eacac3;
--ember-brown-400: #d9ada3;
--ember-brown-500: #72352B;
--ember-brown-600: #98685d;
--ember-brown-700: #6e463d;
--ember-brown-800: #452620;
--ember-brown-900: #220e0a;
--ember-brown-950: #050101;
--burnt-ember-orange: #B3503A;
--burnt-ember-orange-50: #fff9f7;
--burnt-ember-orange-100: #fff3ee;
--burnt-ember-orange-200: #ffe6de;
--burnt-ember-orange-300: #fbd4c8;
--burnt-ember-orange-400: #f3bdac;
--burnt-ember-orange-500: #B3503A;
--burnt-ember-orange-600: #bb7e6b;
--burnt-ember-orange-700: #885545;
--burnt-ember-orange-800: #563024;
--burnt-ember-orange-900: #2c130c;
--burnt-ember-orange-950: #090201;
--glowing-flame: #E27A47;
--glowing-flame-50: #fffbf6;
--glowing-flame-100: #fff7ef;
--glowing-flame-200: #ffeee0;
--glowing-flame-300: #ffe2cc;
--glowing-flame-400: #ffd2b2;
--glowing-flame-500: #E27A47;
--glowing-flame-600: #cf9a75;
--glowing-flame-700: #966a4a;
--glowing-flame-800: #5f3e26;
--glowing-flame-900: #311b0b;
--glowing-flame-950: #0b0401;
--warm-peach: #F6C49B;
--warm-peach-50: #fffefb;
--warm-peach-100: #fffcf7;
--warm-peach-200: #fff8f0;
--warm-peach-300: #fff4e7;
--warm-peach-400: #ffeddc;
--warm-peach-500: #F6C49B;
--warm-peach-600: #d5bfaa;
--warm-peach-700: #998675;
--warm-peach-800: #5f5144;
--warm-peach-900: #30271e;
--warm-peach-950: #0a0704;
}
$dark-espresso: #3B241B; $dark-espresso-50: #fcf8f6; $dark-espresso-100: #f5eeeb; $dark-espresso-200: #e6dbd6; $dark-espresso-300: #d3c2ba; $dark-espresso-400: #b8a196; $dark-espresso-500: #3B241B; $dark-espresso-600: #70574b; $dark-espresso-700: #4f3a30; $dark-espresso-800: #302018; $dark-espresso-900: #150b07; $dark-espresso-950: #030101; $ember-brown: #72352B; $ember-brown-50: #fff8f7; $ember-brown-100: #fcf0ed; $ember-brown-200: #f4e0db; $ember-brown-300: #eacac3; $ember-brown-400: #d9ada3; $ember-brown-500: #72352B; $ember-brown-600: #98685d; $ember-brown-700: #6e463d; $ember-brown-800: #452620; $ember-brown-900: #220e0a; $ember-brown-950: #050101; $burnt-ember-orange: #B3503A; $burnt-ember-orange-50: #fff9f7; $burnt-ember-orange-100: #fff3ee; $burnt-ember-orange-200: #ffe6de; $burnt-ember-orange-300: #fbd4c8; $burnt-ember-orange-400: #f3bdac; $burnt-ember-orange-500: #B3503A; $burnt-ember-orange-600: #bb7e6b; $burnt-ember-orange-700: #885545; $burnt-ember-orange-800: #563024; $burnt-ember-orange-900: #2c130c; $burnt-ember-orange-950: #090201; $glowing-flame: #E27A47; $glowing-flame-50: #fffbf6; $glowing-flame-100: #fff7ef; $glowing-flame-200: #ffeee0; $glowing-flame-300: #ffe2cc; $glowing-flame-400: #ffd2b2; $glowing-flame-500: #E27A47; $glowing-flame-600: #cf9a75; $glowing-flame-700: #966a4a; $glowing-flame-800: #5f3e26; $glowing-flame-900: #311b0b; $glowing-flame-950: #0b0401; $warm-peach: #F6C49B; $warm-peach-50: #fffefb; $warm-peach-100: #fffcf7; $warm-peach-200: #fff8f0; $warm-peach-300: #fff4e7; $warm-peach-400: #ffeddc; $warm-peach-500: #F6C49B; $warm-peach-600: #d5bfaa; $warm-peach-700: #998675; $warm-peach-800: #5f5144; $warm-peach-900: #30271e; $warm-peach-950: #0a0704;
colors: {
'dark-espresso': {
50: '#fcf8f6',
100: '#f5eeeb',
200: '#e6dbd6',
300: '#d3c2ba',
400: '#b8a196',
500: '#3B241B',
600: '#70574b',
700: '#4f3a30',
800: '#302018',
900: '#150b07',
950: '#030101',
DEFAULT: '#3B241B',
},
'ember-brown': {
50: '#fff8f7',
100: '#fcf0ed',
200: '#f4e0db',
300: '#eacac3',
400: '#d9ada3',
500: '#72352B',
600: '#98685d',
700: '#6e463d',
800: '#452620',
900: '#220e0a',
950: '#050101',
DEFAULT: '#72352B',
},
'burnt-ember-orange': {
50: '#fff9f7',
100: '#fff3ee',
200: '#ffe6de',
300: '#fbd4c8',
400: '#f3bdac',
500: '#B3503A',
600: '#bb7e6b',
700: '#885545',
800: '#563024',
900: '#2c130c',
950: '#090201',
DEFAULT: '#B3503A',
},
'glowing-flame': {
50: '#fffbf6',
100: '#fff7ef',
200: '#ffeee0',
300: '#ffe2cc',
400: '#ffd2b2',
500: '#E27A47',
600: '#cf9a75',
700: '#966a4a',
800: '#5f3e26',
900: '#311b0b',
950: '#0b0401',
DEFAULT: '#E27A47',
},
'warm-peach': {
50: '#fffefb',
100: '#fffcf7',
200: '#fff8f0',
300: '#fff4e7',
400: '#ffeddc',
500: '#F6C49B',
600: '#d5bfaa',
700: '#998675',
800: '#5f5144',
900: '#30271e',
950: '#0a0704',
DEFAULT: '#F6C49B',
},
},
[
{
"name": "dark-espresso",
"harmony": "Palette",
"hex": "#3B241B",
"rgb": {
"r": 59,
"g": 36,
"b": 27
},
"hsl": {
"h": 17,
"s": 37,
"l": 17
},
"value": "#3B241B",
"tonalScale": {
"50": {
"hex": "#fcf8f6",
"rgb": {
"r": 252,
"g": 248,
"b": 246
}
},
"100": {
"hex": "#f5eeeb",
"rgb": {
"r": 245,
"g": 238,
"b": 235
}
},
"200": {
"hex": "#e6dbd6",
"rgb": {
"r": 230,
"g": 219,
"b": 214
}
},
"300": {
"hex": "#d3c2ba",
"rgb": {
"r": 211,
"g": 194,
"b": 186
}
},
"400": {
"hex": "#b8a196",
"rgb": {
"r": 184,
"g": 161,
"b": 150
}
},
"500": {
"hex": "#3B241B",
"rgb": {
"r": 59,
"g": 36,
"b": 27
}
},
"600": {
"hex": "#70574b",
"rgb": {
"r": 112,
"g": 87,
"b": 75
}
},
"700": {
"hex": "#4f3a30",
"rgb": {
"r": 79,
"g": 58,
"b": 48
}
},
"800": {
"hex": "#302018",
"rgb": {
"r": 48,
"g": 32,
"b": 24
}
},
"900": {
"hex": "#150b07",
"rgb": {
"r": 21,
"g": 11,
"b": 7
}
},
"950": {
"hex": "#030101",
"rgb": {
"r": 3,
"g": 1,
"b": 1
}
}
}
},
{
"name": "ember-brown",
"harmony": "Palette",
"hex": "#72352B",
"rgb": {
"r": 114,
"g": 53,
"b": 43
},
"hsl": {
"h": 8,
"s": 45,
"l": 31
},
"value": "#72352B",
"tonalScale": {
"50": {
"hex": "#fff8f7",
"rgb": {
"r": 255,
"g": 248,
"b": 247
}
},
"100": {
"hex": "#fcf0ed",
"rgb": {
"r": 252,
"g": 240,
"b": 237
}
},
"200": {
"hex": "#f4e0db",
"rgb": {
"r": 244,
"g": 224,
"b": 219
}
},
"300": {
"hex": "#eacac3",
"rgb": {
"r": 234,
"g": 202,
"b": 195
}
},
"400": {
"hex": "#d9ada3",
"rgb": {
"r": 217,
"g": 173,
"b": 163
}
},
"500": {
"hex": "#72352B",
"rgb": {
"r": 114,
"g": 53,
"b": 43
}
},
"600": {
"hex": "#98685d",
"rgb": {
"r": 152,
"g": 104,
"b": 93
}
},
"700": {
"hex": "#6e463d",
"rgb": {
"r": 110,
"g": 70,
"b": 61
}
},
"800": {
"hex": "#452620",
"rgb": {
"r": 69,
"g": 38,
"b": 32
}
},
"900": {
"hex": "#220e0a",
"rgb": {
"r": 34,
"g": 14,
"b": 10
}
},
"950": {
"hex": "#050101",
"rgb": {
"r": 5,
"g": 1,
"b": 1
}
}
}
},
{
"name": "burnt-ember-orange",
"harmony": "Palette",
"hex": "#B3503A",
"rgb": {
"r": 179,
"g": 80,
"b": 58
},
"hsl": {
"h": 11,
"s": 51,
"l": 46
},
"value": "#B3503A",
"tonalScale": {
"50": {
"hex": "#fff9f7",
"rgb": {
"r": 255,
"g": 249,
"b": 247
}
},
"100": {
"hex": "#fff3ee",
"rgb": {
"r": 255,
"g": 243,
"b": 238
}
},
"200": {
"hex": "#ffe6de",
"rgb": {
"r": 255,
"g": 230,
"b": 222
}
},
"300": {
"hex": "#fbd4c8",
"rgb": {
"r": 251,
"g": 212,
"b": 200
}
},
"400": {
"hex": "#f3bdac",
"rgb": {
"r": 243,
"g": 189,
"b": 172
}
},
"500": {
"hex": "#B3503A",
"rgb": {
"r": 179,
"g": 80,
"b": 58
}
},
"600": {
"hex": "#bb7e6b",
"rgb": {
"r": 187,
"g": 126,
"b": 107
}
},
"700": {
"hex": "#885545",
"rgb": {
"r": 136,
"g": 85,
"b": 69
}
},
"800": {
"hex": "#563024",
"rgb": {
"r": 86,
"g": 48,
"b": 36
}
},
"900": {
"hex": "#2c130c",
"rgb": {
"r": 44,
"g": 19,
"b": 12
}
},
"950": {
"hex": "#090201",
"rgb": {
"r": 9,
"g": 2,
"b": 1
}
}
}
},
{
"name": "glowing-flame",
"harmony": "Palette",
"hex": "#E27A47",
"rgb": {
"r": 226,
"g": 122,
"b": 71
},
"hsl": {
"h": 20,
"s": 73,
"l": 58
},
"value": "#E27A47",
"tonalScale": {
"50": {
"hex": "#fffbf6",
"rgb": {
"r": 255,
"g": 251,
"b": 246
}
},
"100": {
"hex": "#fff7ef",
"rgb": {
"r": 255,
"g": 247,
"b": 239
}
},
"200": {
"hex": "#ffeee0",
"rgb": {
"r": 255,
"g": 238,
"b": 224
}
},
"300": {
"hex": "#ffe2cc",
"rgb": {
"r": 255,
"g": 226,
"b": 204
}
},
"400": {
"hex": "#ffd2b2",
"rgb": {
"r": 255,
"g": 210,
"b": 178
}
},
"500": {
"hex": "#E27A47",
"rgb": {
"r": 226,
"g": 122,
"b": 71
}
},
"600": {
"hex": "#cf9a75",
"rgb": {
"r": 207,
"g": 154,
"b": 117
}
},
"700": {
"hex": "#966a4a",
"rgb": {
"r": 150,
"g": 106,
"b": 74
}
},
"800": {
"hex": "#5f3e26",
"rgb": {
"r": 95,
"g": 62,
"b": 38
}
},
"900": {
"hex": "#311b0b",
"rgb": {
"r": 49,
"g": 27,
"b": 11
}
},
"950": {
"hex": "#0b0401",
"rgb": {
"r": 11,
"g": 4,
"b": 1
}
}
}
},
{
"name": "warm-peach",
"harmony": "Palette",
"hex": "#F6C49B",
"rgb": {
"r": 246,
"g": 196,
"b": 155
},
"hsl": {
"h": 27,
"s": 83,
"l": 79
},
"value": "#F6C49B",
"tonalScale": {
"50": {
"hex": "#fffefb",
"rgb": {
"r": 255,
"g": 254,
"b": 251
}
},
"100": {
"hex": "#fffcf7",
"rgb": {
"r": 255,
"g": 252,
"b": 247
}
},
"200": {
"hex": "#fff8f0",
"rgb": {
"r": 255,
"g": 248,
"b": 240
}
},
"300": {
"hex": "#fff4e7",
"rgb": {
"r": 255,
"g": 244,
"b": 231
}
},
"400": {
"hex": "#ffeddc",
"rgb": {
"r": 255,
"g": 237,
"b": 220
}
},
"500": {
"hex": "#F6C49B",
"rgb": {
"r": 246,
"g": 196,
"b": 155
}
},
"600": {
"hex": "#d5bfaa",
"rgb": {
"r": 213,
"g": 191,
"b": 170
}
},
"700": {
"hex": "#998675",
"rgb": {
"r": 153,
"g": 134,
"b": 117
}
},
"800": {
"hex": "#5f5144",
"rgb": {
"r": 95,
"g": 81,
"b": 68
}
},
"900": {
"hex": "#30271e",
"rgb": {
"r": 48,
"g": 39,
"b": 30
}
},
"950": {
"hex": "#0a0704",
"rgb": {
"r": 10,
"g": 7,
"b": 4
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 dark-espresso,Palette,#3B241B,"rgb(59, 36, 27)","hsl(17, 37%, 17%)",#3B241B,#fcf8f6,#f5eeeb,#e6dbd6,#d3c2ba,#b8a196,#3B241B,#70574b,#4f3a30,#302018,#150b07,#030101 ember-brown,Palette,#72352B,"rgb(114, 53, 43)","hsl(8, 45%, 31%)",#72352B,#fff8f7,#fcf0ed,#f4e0db,#eacac3,#d9ada3,#72352B,#98685d,#6e463d,#452620,#220e0a,#050101 burnt-ember-orange,Palette,#B3503A,"rgb(179, 80, 58)","hsl(11, 51%, 46%)",#B3503A,#fff9f7,#fff3ee,#ffe6de,#fbd4c8,#f3bdac,#B3503A,#bb7e6b,#885545,#563024,#2c130c,#090201 glowing-flame,Palette,#E27A47,"rgb(226, 122, 71)","hsl(20, 73%, 58%)",#E27A47,#fffbf6,#fff7ef,#ffeee0,#ffe2cc,#ffd2b2,#E27A47,#cf9a75,#966a4a,#5f3e26,#311b0b,#0b0401 warm-peach,Palette,#F6C49B,"rgb(246, 196, 155)","hsl(27, 83%, 79%)",#F6C49B,#fffefb,#fffcf7,#fff8f0,#fff4e7,#ffeddc,#F6C49B,#d5bfaa,#998675,#5f5144,#30271e,#0a0704
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 59 36 27 dark-espresso 252 248 246 dark-espresso-50 245 238 235 dark-espresso-100 230 219 214 dark-espresso-200 211 194 186 dark-espresso-300 184 161 150 dark-espresso-400 59 36 27 dark-espresso-500 112 87 75 dark-espresso-600 79 58 48 dark-espresso-700 48 32 24 dark-espresso-800 21 11 7 dark-espresso-900 3 1 1 dark-espresso-950 114 53 43 ember-brown 255 248 247 ember-brown-50 252 240 237 ember-brown-100 244 224 219 ember-brown-200 234 202 195 ember-brown-300 217 173 163 ember-brown-400 114 53 43 ember-brown-500 152 104 93 ember-brown-600 110 70 61 ember-brown-700 69 38 32 ember-brown-800 34 14 10 ember-brown-900 5 1 1 ember-brown-950 179 80 58 burnt-ember-orange 255 249 247 burnt-ember-orange-50 255 243 238 burnt-ember-orange-100 255 230 222 burnt-ember-orange-200 251 212 200 burnt-ember-orange-300 243 189 172 burnt-ember-orange-400 179 80 58 burnt-ember-orange-500 187 126 107 burnt-ember-orange-600 136 85 69 burnt-ember-orange-700 86 48 36 burnt-ember-orange-800 44 19 12 burnt-ember-orange-900 9 2 1 burnt-ember-orange-950 226 122 71 glowing-flame 255 251 246 glowing-flame-50 255 247 239 glowing-flame-100 255 238 224 glowing-flame-200 255 226 204 glowing-flame-300 255 210 178 glowing-flame-400 226 122 71 glowing-flame-500 207 154 117 glowing-flame-600 150 106 74 glowing-flame-700 95 62 38 glowing-flame-800 49 27 11 glowing-flame-900 11 4 1 glowing-flame-950 246 196 155 warm-peach 255 254 251 warm-peach-50 255 252 247 warm-peach-100 255 248 240 warm-peach-200 255 244 231 warm-peach-300 255 237 220 warm-peach-400 246 196 155 warm-peach-500 213 191 170 warm-peach-600 153 134 117 warm-peach-700 95 81 68 warm-peach-800 48 39 30 warm-peach-900 10 7 4 warm-peach-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.