← Back to Tools
Create warm cabin cozy colors with glowing amber (#F0C27A), honey gold (#C98B3A), deep walnut (#7A4E2E), cream (#FFF1D6), and dark roast (#2B1D16) for fireside autumn designs.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--cream: #FFF1D6;
--cream-50: #fffffd;
--cream-100: #fffefc;
--cream-200: #fffef9;
--cream-300: #fffdf6;
--cream-400: #fffbf1;
--cream-500: #FFF1D6;
--cream-600: #d8d2c6;
--cream-700: #99948a;
--cream-800: #5f5b53;
--cream-900: #2f2c28;
--cream-950: #090907;
--glowing-amber: #F0C27A;
--glowing-amber-50: #fffef9;
--glowing-amber-100: #fffcf4;
--glowing-amber-200: #fff8ea;
--glowing-amber-300: #fff4dd;
--glowing-amber-400: #ffedcc;
--glowing-amber-500: #F0C27A;
--glowing-amber-600: #d3be97;
--glowing-amber-700: #978665;
--glowing-amber-800: #5e5138;
--glowing-amber-900: #2f2716;
--glowing-amber-950: #0a0703;
--honey-gold: #C98B3A;
--honey-gold-50: #fffcf5;
--honey-gold-100: #fff9ec;
--honey-gold-200: #fef1db;
--honey-gold-300: #fbe8c5;
--honey-gold-400: #f5daa9;
--honey-gold-500: #C98B3A;
--honey-gold-600: #c4a468;
--honey-gold-700: #8d723f;
--honey-gold-800: #59441b;
--honey-gold-900: #2c1f05;
--honey-gold-950: #090500;
--deep-walnut: #7A4E2E;
--deep-walnut-50: #fffaf6;
--deep-walnut-100: #fbf4ed;
--deep-walnut-200: #f3e6db;
--deep-walnut-300: #e9d5c3;
--deep-walnut-400: #d9bea4;
--deep-walnut-500: #7A4E2E;
--deep-walnut-600: #9c7d5f;
--deep-walnut-700: #70563d;
--deep-walnut-800: #46321e;
--deep-walnut-900: #221508;
--deep-walnut-950: #050201;
--dark-roast: #2B1D16;
--dark-roast-50: #fbf8f6;
--dark-roast-100: #f2edeb;
--dark-roast-200: #e1d9d4;
--dark-roast-300: #cabeb7;
--dark-roast-400: #ab9b91;
--dark-roast-500: #2B1D16;
--dark-roast-600: #604e43;
--dark-roast-700: #43342b;
--dark-roast-800: #281c16;
--dark-roast-900: #100906;
--dark-roast-950: #020101;
}
$cream: #FFF1D6; $cream-50: #fffffd; $cream-100: #fffefc; $cream-200: #fffef9; $cream-300: #fffdf6; $cream-400: #fffbf1; $cream-500: #FFF1D6; $cream-600: #d8d2c6; $cream-700: #99948a; $cream-800: #5f5b53; $cream-900: #2f2c28; $cream-950: #090907; $glowing-amber: #F0C27A; $glowing-amber-50: #fffef9; $glowing-amber-100: #fffcf4; $glowing-amber-200: #fff8ea; $glowing-amber-300: #fff4dd; $glowing-amber-400: #ffedcc; $glowing-amber-500: #F0C27A; $glowing-amber-600: #d3be97; $glowing-amber-700: #978665; $glowing-amber-800: #5e5138; $glowing-amber-900: #2f2716; $glowing-amber-950: #0a0703; $honey-gold: #C98B3A; $honey-gold-50: #fffcf5; $honey-gold-100: #fff9ec; $honey-gold-200: #fef1db; $honey-gold-300: #fbe8c5; $honey-gold-400: #f5daa9; $honey-gold-500: #C98B3A; $honey-gold-600: #c4a468; $honey-gold-700: #8d723f; $honey-gold-800: #59441b; $honey-gold-900: #2c1f05; $honey-gold-950: #090500; $deep-walnut: #7A4E2E; $deep-walnut-50: #fffaf6; $deep-walnut-100: #fbf4ed; $deep-walnut-200: #f3e6db; $deep-walnut-300: #e9d5c3; $deep-walnut-400: #d9bea4; $deep-walnut-500: #7A4E2E; $deep-walnut-600: #9c7d5f; $deep-walnut-700: #70563d; $deep-walnut-800: #46321e; $deep-walnut-900: #221508; $deep-walnut-950: #050201; $dark-roast: #2B1D16; $dark-roast-50: #fbf8f6; $dark-roast-100: #f2edeb; $dark-roast-200: #e1d9d4; $dark-roast-300: #cabeb7; $dark-roast-400: #ab9b91; $dark-roast-500: #2B1D16; $dark-roast-600: #604e43; $dark-roast-700: #43342b; $dark-roast-800: #281c16; $dark-roast-900: #100906; $dark-roast-950: #020101;
colors: {
'cream': {
50: '#fffffd',
100: '#fffefc',
200: '#fffef9',
300: '#fffdf6',
400: '#fffbf1',
500: '#FFF1D6',
600: '#d8d2c6',
700: '#99948a',
800: '#5f5b53',
900: '#2f2c28',
950: '#090907',
DEFAULT: '#FFF1D6',
},
'glowing-amber': {
50: '#fffef9',
100: '#fffcf4',
200: '#fff8ea',
300: '#fff4dd',
400: '#ffedcc',
500: '#F0C27A',
600: '#d3be97',
700: '#978665',
800: '#5e5138',
900: '#2f2716',
950: '#0a0703',
DEFAULT: '#F0C27A',
},
'honey-gold': {
50: '#fffcf5',
100: '#fff9ec',
200: '#fef1db',
300: '#fbe8c5',
400: '#f5daa9',
500: '#C98B3A',
600: '#c4a468',
700: '#8d723f',
800: '#59441b',
900: '#2c1f05',
950: '#090500',
DEFAULT: '#C98B3A',
},
'deep-walnut': {
50: '#fffaf6',
100: '#fbf4ed',
200: '#f3e6db',
300: '#e9d5c3',
400: '#d9bea4',
500: '#7A4E2E',
600: '#9c7d5f',
700: '#70563d',
800: '#46321e',
900: '#221508',
950: '#050201',
DEFAULT: '#7A4E2E',
},
'dark-roast': {
50: '#fbf8f6',
100: '#f2edeb',
200: '#e1d9d4',
300: '#cabeb7',
400: '#ab9b91',
500: '#2B1D16',
600: '#604e43',
700: '#43342b',
800: '#281c16',
900: '#100906',
950: '#020101',
DEFAULT: '#2B1D16',
},
},
[
{
"name": "cream",
"harmony": "Palette",
"hex": "#FFF1D6",
"rgb": {
"r": 255,
"g": 241,
"b": 214
},
"hsl": {
"h": 40,
"s": 100,
"l": 92
},
"value": "#FFF1D6",
"tonalScale": {
"50": {
"hex": "#fffffd",
"rgb": {
"r": 255,
"g": 255,
"b": 253
}
},
"100": {
"hex": "#fffefc",
"rgb": {
"r": 255,
"g": 254,
"b": 252
}
},
"200": {
"hex": "#fffef9",
"rgb": {
"r": 255,
"g": 254,
"b": 249
}
},
"300": {
"hex": "#fffdf6",
"rgb": {
"r": 255,
"g": 253,
"b": 246
}
},
"400": {
"hex": "#fffbf1",
"rgb": {
"r": 255,
"g": 251,
"b": 241
}
},
"500": {
"hex": "#FFF1D6",
"rgb": {
"r": 255,
"g": 241,
"b": 214
}
},
"600": {
"hex": "#d8d2c6",
"rgb": {
"r": 216,
"g": 210,
"b": 198
}
},
"700": {
"hex": "#99948a",
"rgb": {
"r": 153,
"g": 148,
"b": 138
}
},
"800": {
"hex": "#5f5b53",
"rgb": {
"r": 95,
"g": 91,
"b": 83
}
},
"900": {
"hex": "#2f2c28",
"rgb": {
"r": 47,
"g": 44,
"b": 40
}
},
"950": {
"hex": "#090907",
"rgb": {
"r": 9,
"g": 9,
"b": 7
}
}
}
},
{
"name": "glowing-amber",
"harmony": "Palette",
"hex": "#F0C27A",
"rgb": {
"r": 240,
"g": 194,
"b": 122
},
"hsl": {
"h": 37,
"s": 80,
"l": 71
},
"value": "#F0C27A",
"tonalScale": {
"50": {
"hex": "#fffef9",
"rgb": {
"r": 255,
"g": 254,
"b": 249
}
},
"100": {
"hex": "#fffcf4",
"rgb": {
"r": 255,
"g": 252,
"b": 244
}
},
"200": {
"hex": "#fff8ea",
"rgb": {
"r": 255,
"g": 248,
"b": 234
}
},
"300": {
"hex": "#fff4dd",
"rgb": {
"r": 255,
"g": 244,
"b": 221
}
},
"400": {
"hex": "#ffedcc",
"rgb": {
"r": 255,
"g": 237,
"b": 204
}
},
"500": {
"hex": "#F0C27A",
"rgb": {
"r": 240,
"g": 194,
"b": 122
}
},
"600": {
"hex": "#d3be97",
"rgb": {
"r": 211,
"g": 190,
"b": 151
}
},
"700": {
"hex": "#978665",
"rgb": {
"r": 151,
"g": 134,
"b": 101
}
},
"800": {
"hex": "#5e5138",
"rgb": {
"r": 94,
"g": 81,
"b": 56
}
},
"900": {
"hex": "#2f2716",
"rgb": {
"r": 47,
"g": 39,
"b": 22
}
},
"950": {
"hex": "#0a0703",
"rgb": {
"r": 10,
"g": 7,
"b": 3
}
}
}
},
{
"name": "honey-gold",
"harmony": "Palette",
"hex": "#C98B3A",
"rgb": {
"r": 201,
"g": 139,
"b": 58
},
"hsl": {
"h": 34,
"s": 57,
"l": 51
},
"value": "#C98B3A",
"tonalScale": {
"50": {
"hex": "#fffcf5",
"rgb": {
"r": 255,
"g": 252,
"b": 245
}
},
"100": {
"hex": "#fff9ec",
"rgb": {
"r": 255,
"g": 249,
"b": 236
}
},
"200": {
"hex": "#fef1db",
"rgb": {
"r": 254,
"g": 241,
"b": 219
}
},
"300": {
"hex": "#fbe8c5",
"rgb": {
"r": 251,
"g": 232,
"b": 197
}
},
"400": {
"hex": "#f5daa9",
"rgb": {
"r": 245,
"g": 218,
"b": 169
}
},
"500": {
"hex": "#C98B3A",
"rgb": {
"r": 201,
"g": 139,
"b": 58
}
},
"600": {
"hex": "#c4a468",
"rgb": {
"r": 196,
"g": 164,
"b": 104
}
},
"700": {
"hex": "#8d723f",
"rgb": {
"r": 141,
"g": 114,
"b": 63
}
},
"800": {
"hex": "#59441b",
"rgb": {
"r": 89,
"g": 68,
"b": 27
}
},
"900": {
"hex": "#2c1f05",
"rgb": {
"r": 44,
"g": 31,
"b": 5
}
},
"950": {
"hex": "#090500",
"rgb": {
"r": 9,
"g": 5,
"b": 0
}
}
}
},
{
"name": "deep-walnut",
"harmony": "Palette",
"hex": "#7A4E2E",
"rgb": {
"r": 122,
"g": 78,
"b": 46
},
"hsl": {
"h": 25,
"s": 45,
"l": 33
},
"value": "#7A4E2E",
"tonalScale": {
"50": {
"hex": "#fffaf6",
"rgb": {
"r": 255,
"g": 250,
"b": 246
}
},
"100": {
"hex": "#fbf4ed",
"rgb": {
"r": 251,
"g": 244,
"b": 237
}
},
"200": {
"hex": "#f3e6db",
"rgb": {
"r": 243,
"g": 230,
"b": 219
}
},
"300": {
"hex": "#e9d5c3",
"rgb": {
"r": 233,
"g": 213,
"b": 195
}
},
"400": {
"hex": "#d9bea4",
"rgb": {
"r": 217,
"g": 190,
"b": 164
}
},
"500": {
"hex": "#7A4E2E",
"rgb": {
"r": 122,
"g": 78,
"b": 46
}
},
"600": {
"hex": "#9c7d5f",
"rgb": {
"r": 156,
"g": 125,
"b": 95
}
},
"700": {
"hex": "#70563d",
"rgb": {
"r": 112,
"g": 86,
"b": 61
}
},
"800": {
"hex": "#46321e",
"rgb": {
"r": 70,
"g": 50,
"b": 30
}
},
"900": {
"hex": "#221508",
"rgb": {
"r": 34,
"g": 21,
"b": 8
}
},
"950": {
"hex": "#050201",
"rgb": {
"r": 5,
"g": 2,
"b": 1
}
}
}
},
{
"name": "dark-roast",
"harmony": "Palette",
"hex": "#2B1D16",
"rgb": {
"r": 43,
"g": 29,
"b": 22
},
"hsl": {
"h": 20,
"s": 32,
"l": 13
},
"value": "#2B1D16",
"tonalScale": {
"50": {
"hex": "#fbf8f6",
"rgb": {
"r": 251,
"g": 248,
"b": 246
}
},
"100": {
"hex": "#f2edeb",
"rgb": {
"r": 242,
"g": 237,
"b": 235
}
},
"200": {
"hex": "#e1d9d4",
"rgb": {
"r": 225,
"g": 217,
"b": 212
}
},
"300": {
"hex": "#cabeb7",
"rgb": {
"r": 202,
"g": 190,
"b": 183
}
},
"400": {
"hex": "#ab9b91",
"rgb": {
"r": 171,
"g": 155,
"b": 145
}
},
"500": {
"hex": "#2B1D16",
"rgb": {
"r": 43,
"g": 29,
"b": 22
}
},
"600": {
"hex": "#604e43",
"rgb": {
"r": 96,
"g": 78,
"b": 67
}
},
"700": {
"hex": "#43342b",
"rgb": {
"r": 67,
"g": 52,
"b": 43
}
},
"800": {
"hex": "#281c16",
"rgb": {
"r": 40,
"g": 28,
"b": 22
}
},
"900": {
"hex": "#100906",
"rgb": {
"r": 16,
"g": 9,
"b": 6
}
},
"950": {
"hex": "#020101",
"rgb": {
"r": 2,
"g": 1,
"b": 1
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 cream,Palette,#FFF1D6,"rgb(255, 241, 214)","hsl(40, 100%, 92%)",#FFF1D6,#fffffd,#fffefc,#fffef9,#fffdf6,#fffbf1,#FFF1D6,#d8d2c6,#99948a,#5f5b53,#2f2c28,#090907 glowing-amber,Palette,#F0C27A,"rgb(240, 194, 122)","hsl(37, 80%, 71%)",#F0C27A,#fffef9,#fffcf4,#fff8ea,#fff4dd,#ffedcc,#F0C27A,#d3be97,#978665,#5e5138,#2f2716,#0a0703 honey-gold,Palette,#C98B3A,"rgb(201, 139, 58)","hsl(34, 57%, 51%)",#C98B3A,#fffcf5,#fff9ec,#fef1db,#fbe8c5,#f5daa9,#C98B3A,#c4a468,#8d723f,#59441b,#2c1f05,#090500 deep-walnut,Palette,#7A4E2E,"rgb(122, 78, 46)","hsl(25, 45%, 33%)",#7A4E2E,#fffaf6,#fbf4ed,#f3e6db,#e9d5c3,#d9bea4,#7A4E2E,#9c7d5f,#70563d,#46321e,#221508,#050201 dark-roast,Palette,#2B1D16,"rgb(43, 29, 22)","hsl(20, 32%, 13%)",#2B1D16,#fbf8f6,#f2edeb,#e1d9d4,#cabeb7,#ab9b91,#2B1D16,#604e43,#43342b,#281c16,#100906,#020101
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 255 241 214 cream 255 255 253 cream-50 255 254 252 cream-100 255 254 249 cream-200 255 253 246 cream-300 255 251 241 cream-400 255 241 214 cream-500 216 210 198 cream-600 153 148 138 cream-700 95 91 83 cream-800 47 44 40 cream-900 9 9 7 cream-950 240 194 122 glowing-amber 255 254 249 glowing-amber-50 255 252 244 glowing-amber-100 255 248 234 glowing-amber-200 255 244 221 glowing-amber-300 255 237 204 glowing-amber-400 240 194 122 glowing-amber-500 211 190 151 glowing-amber-600 151 134 101 glowing-amber-700 94 81 56 glowing-amber-800 47 39 22 glowing-amber-900 10 7 3 glowing-amber-950 201 139 58 honey-gold 255 252 245 honey-gold-50 255 249 236 honey-gold-100 254 241 219 honey-gold-200 251 232 197 honey-gold-300 245 218 169 honey-gold-400 201 139 58 honey-gold-500 196 164 104 honey-gold-600 141 114 63 honey-gold-700 89 68 27 honey-gold-800 44 31 5 honey-gold-900 9 5 0 honey-gold-950 122 78 46 deep-walnut 255 250 246 deep-walnut-50 251 244 237 deep-walnut-100 243 230 219 deep-walnut-200 233 213 195 deep-walnut-300 217 190 164 deep-walnut-400 122 78 46 deep-walnut-500 156 125 95 deep-walnut-600 112 86 61 deep-walnut-700 70 50 30 deep-walnut-800 34 21 8 deep-walnut-900 5 2 1 deep-walnut-950 43 29 22 dark-roast 251 248 246 dark-roast-50 242 237 235 dark-roast-100 225 217 212 dark-roast-200 202 190 183 dark-roast-300 171 155 145 dark-roast-400 43 29 22 dark-roast-500 96 78 67 dark-roast-600 67 52 43 dark-roast-700 40 28 22 dark-roast-800 16 9 6 dark-roast-900 2 1 1 dark-roast-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.