← Back to Tools
Shift hues toward warm pumpkin spices, muted ciders, and chestnuts, pulling together pumpkin spice orange (#D97443), dark cider brown (#8A4117), and warm chestnut timber (#5C2E16).
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--pumpkin-spice-orange: #D97443;
--pumpkin-spice-orange-50: #fffbf6;
--pumpkin-spice-orange-100: #fff6ee;
--pumpkin-spice-orange-200: #ffeddf;
--pumpkin-spice-orange-300: #ffe0ca;
--pumpkin-spice-orange-400: #fecfb0;
--pumpkin-spice-orange-500: #D97443;
--pumpkin-spice-orange-600: #cb9671;
--pumpkin-spice-orange-700: #936748;
--pumpkin-spice-orange-800: #5e3c24;
--pumpkin-spice-orange-900: #301a0a;
--pumpkin-spice-orange-950: #0a0301;
--dark-cider-brown: #8A4117;
--dark-cider-brown-50: #fff9f3;
--dark-cider-brown-100: #fef2e7;
--dark-cider-brown-200: #f9e3d1;
--dark-cider-brown-300: #f1d0b3;
--dark-cider-brown-400: #e4b68c;
--dark-cider-brown-500: #8A4117;
--dark-cider-brown-600: #a67340;
--dark-cider-brown-700: #794d21;
--dark-cider-brown-800: #4c2b06;
--dark-cider-brown-900: #261100;
--dark-cider-brown-950: #070200;
--warm-chestnut-timber: #5C2E16;
--warm-chestnut-timber-50: #fff8f4;
--warm-chestnut-timber-100: #faf0e8;
--warm-chestnut-timber-200: #f0ded1;
--warm-chestnut-timber-300: #e2c7b3;
--warm-chestnut-timber-400: #cea98d;
--warm-chestnut-timber-500: #5C2E16;
--warm-chestnut-timber-600: #8a6141;
--warm-chestnut-timber-700: #634125;
--warm-chestnut-timber-800: #3e240e;
--warm-chestnut-timber-900: #1d0d02;
--warm-chestnut-timber-950: #040100;
}
$pumpkin-spice-orange: #D97443; $pumpkin-spice-orange-50: #fffbf6; $pumpkin-spice-orange-100: #fff6ee; $pumpkin-spice-orange-200: #ffeddf; $pumpkin-spice-orange-300: #ffe0ca; $pumpkin-spice-orange-400: #fecfb0; $pumpkin-spice-orange-500: #D97443; $pumpkin-spice-orange-600: #cb9671; $pumpkin-spice-orange-700: #936748; $pumpkin-spice-orange-800: #5e3c24; $pumpkin-spice-orange-900: #301a0a; $pumpkin-spice-orange-950: #0a0301; $dark-cider-brown: #8A4117; $dark-cider-brown-50: #fff9f3; $dark-cider-brown-100: #fef2e7; $dark-cider-brown-200: #f9e3d1; $dark-cider-brown-300: #f1d0b3; $dark-cider-brown-400: #e4b68c; $dark-cider-brown-500: #8A4117; $dark-cider-brown-600: #a67340; $dark-cider-brown-700: #794d21; $dark-cider-brown-800: #4c2b06; $dark-cider-brown-900: #261100; $dark-cider-brown-950: #070200; $warm-chestnut-timber: #5C2E16; $warm-chestnut-timber-50: #fff8f4; $warm-chestnut-timber-100: #faf0e8; $warm-chestnut-timber-200: #f0ded1; $warm-chestnut-timber-300: #e2c7b3; $warm-chestnut-timber-400: #cea98d; $warm-chestnut-timber-500: #5C2E16; $warm-chestnut-timber-600: #8a6141; $warm-chestnut-timber-700: #634125; $warm-chestnut-timber-800: #3e240e; $warm-chestnut-timber-900: #1d0d02; $warm-chestnut-timber-950: #040100;
colors: {
'pumpkin-spice-orange': {
50: '#fffbf6',
100: '#fff6ee',
200: '#ffeddf',
300: '#ffe0ca',
400: '#fecfb0',
500: '#D97443',
600: '#cb9671',
700: '#936748',
800: '#5e3c24',
900: '#301a0a',
950: '#0a0301',
DEFAULT: '#D97443',
},
'dark-cider-brown': {
50: '#fff9f3',
100: '#fef2e7',
200: '#f9e3d1',
300: '#f1d0b3',
400: '#e4b68c',
500: '#8A4117',
600: '#a67340',
700: '#794d21',
800: '#4c2b06',
900: '#261100',
950: '#070200',
DEFAULT: '#8A4117',
},
'warm-chestnut-timber': {
50: '#fff8f4',
100: '#faf0e8',
200: '#f0ded1',
300: '#e2c7b3',
400: '#cea98d',
500: '#5C2E16',
600: '#8a6141',
700: '#634125',
800: '#3e240e',
900: '#1d0d02',
950: '#040100',
DEFAULT: '#5C2E16',
},
},
[
{
"name": "pumpkin-spice-orange",
"harmony": "Palette",
"hex": "#D97443",
"rgb": {
"r": 217,
"g": 116,
"b": 67
},
"hsl": {
"h": 20,
"s": 66,
"l": 56
},
"value": "#D97443",
"tonalScale": {
"50": {
"hex": "#fffbf6",
"rgb": {
"r": 255,
"g": 251,
"b": 246
}
},
"100": {
"hex": "#fff6ee",
"rgb": {
"r": 255,
"g": 246,
"b": 238
}
},
"200": {
"hex": "#ffeddf",
"rgb": {
"r": 255,
"g": 237,
"b": 223
}
},
"300": {
"hex": "#ffe0ca",
"rgb": {
"r": 255,
"g": 224,
"b": 202
}
},
"400": {
"hex": "#fecfb0",
"rgb": {
"r": 254,
"g": 207,
"b": 176
}
},
"500": {
"hex": "#D97443",
"rgb": {
"r": 217,
"g": 116,
"b": 67
}
},
"600": {
"hex": "#cb9671",
"rgb": {
"r": 203,
"g": 150,
"b": 113
}
},
"700": {
"hex": "#936748",
"rgb": {
"r": 147,
"g": 103,
"b": 72
}
},
"800": {
"hex": "#5e3c24",
"rgb": {
"r": 94,
"g": 60,
"b": 36
}
},
"900": {
"hex": "#301a0a",
"rgb": {
"r": 48,
"g": 26,
"b": 10
}
},
"950": {
"hex": "#0a0301",
"rgb": {
"r": 10,
"g": 3,
"b": 1
}
}
}
},
{
"name": "dark-cider-brown",
"harmony": "Palette",
"hex": "#8A4117",
"rgb": {
"r": 138,
"g": 65,
"b": 23
},
"hsl": {
"h": 22,
"s": 71,
"l": 32
},
"value": "#8A4117",
"tonalScale": {
"50": {
"hex": "#fff9f3",
"rgb": {
"r": 255,
"g": 249,
"b": 243
}
},
"100": {
"hex": "#fef2e7",
"rgb": {
"r": 254,
"g": 242,
"b": 231
}
},
"200": {
"hex": "#f9e3d1",
"rgb": {
"r": 249,
"g": 227,
"b": 209
}
},
"300": {
"hex": "#f1d0b3",
"rgb": {
"r": 241,
"g": 208,
"b": 179
}
},
"400": {
"hex": "#e4b68c",
"rgb": {
"r": 228,
"g": 182,
"b": 140
}
},
"500": {
"hex": "#8A4117",
"rgb": {
"r": 138,
"g": 65,
"b": 23
}
},
"600": {
"hex": "#a67340",
"rgb": {
"r": 166,
"g": 115,
"b": 64
}
},
"700": {
"hex": "#794d21",
"rgb": {
"r": 121,
"g": 77,
"b": 33
}
},
"800": {
"hex": "#4c2b06",
"rgb": {
"r": 76,
"g": 43,
"b": 6
}
},
"900": {
"hex": "#261100",
"rgb": {
"r": 38,
"g": 17,
"b": 0
}
},
"950": {
"hex": "#070200",
"rgb": {
"r": 7,
"g": 2,
"b": 0
}
}
}
},
{
"name": "warm-chestnut-timber",
"harmony": "Palette",
"hex": "#5C2E16",
"rgb": {
"r": 92,
"g": 46,
"b": 22
},
"hsl": {
"h": 21,
"s": 61,
"l": 22
},
"value": "#5C2E16",
"tonalScale": {
"50": {
"hex": "#fff8f4",
"rgb": {
"r": 255,
"g": 248,
"b": 244
}
},
"100": {
"hex": "#faf0e8",
"rgb": {
"r": 250,
"g": 240,
"b": 232
}
},
"200": {
"hex": "#f0ded1",
"rgb": {
"r": 240,
"g": 222,
"b": 209
}
},
"300": {
"hex": "#e2c7b3",
"rgb": {
"r": 226,
"g": 199,
"b": 179
}
},
"400": {
"hex": "#cea98d",
"rgb": {
"r": 206,
"g": 169,
"b": 141
}
},
"500": {
"hex": "#5C2E16",
"rgb": {
"r": 92,
"g": 46,
"b": 22
}
},
"600": {
"hex": "#8a6141",
"rgb": {
"r": 138,
"g": 97,
"b": 65
}
},
"700": {
"hex": "#634125",
"rgb": {
"r": 99,
"g": 65,
"b": 37
}
},
"800": {
"hex": "#3e240e",
"rgb": {
"r": 62,
"g": 36,
"b": 14
}
},
"900": {
"hex": "#1d0d02",
"rgb": {
"r": 29,
"g": 13,
"b": 2
}
},
"950": {
"hex": "#040100",
"rgb": {
"r": 4,
"g": 1,
"b": 0
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 pumpkin-spice-orange,Palette,#D97443,"rgb(217, 116, 67)","hsl(20, 66%, 56%)",#D97443,#fffbf6,#fff6ee,#ffeddf,#ffe0ca,#fecfb0,#D97443,#cb9671,#936748,#5e3c24,#301a0a,#0a0301 dark-cider-brown,Palette,#8A4117,"rgb(138, 65, 23)","hsl(22, 71%, 32%)",#8A4117,#fff9f3,#fef2e7,#f9e3d1,#f1d0b3,#e4b68c,#8A4117,#a67340,#794d21,#4c2b06,#261100,#070200 warm-chestnut-timber,Palette,#5C2E16,"rgb(92, 46, 22)","hsl(21, 61%, 22%)",#5C2E16,#fff8f4,#faf0e8,#f0ded1,#e2c7b3,#cea98d,#5C2E16,#8a6141,#634125,#3e240e,#1d0d02,#040100
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 217 116 67 pumpkin-spice-orange 255 251 246 pumpkin-spice-orange-50 255 246 238 pumpkin-spice-orange-100 255 237 223 pumpkin-spice-orange-200 255 224 202 pumpkin-spice-orange-300 254 207 176 pumpkin-spice-orange-400 217 116 67 pumpkin-spice-orange-500 203 150 113 pumpkin-spice-orange-600 147 103 72 pumpkin-spice-orange-700 94 60 36 pumpkin-spice-orange-800 48 26 10 pumpkin-spice-orange-900 10 3 1 pumpkin-spice-orange-950 138 65 23 dark-cider-brown 255 249 243 dark-cider-brown-50 254 242 231 dark-cider-brown-100 249 227 209 dark-cider-brown-200 241 208 179 dark-cider-brown-300 228 182 140 dark-cider-brown-400 138 65 23 dark-cider-brown-500 166 115 64 dark-cider-brown-600 121 77 33 dark-cider-brown-700 76 43 6 dark-cider-brown-800 38 17 0 dark-cider-brown-900 7 2 0 dark-cider-brown-950 92 46 22 warm-chestnut-timber 255 248 244 warm-chestnut-timber-50 250 240 232 warm-chestnut-timber-100 240 222 209 warm-chestnut-timber-200 226 199 179 warm-chestnut-timber-300 206 169 141 warm-chestnut-timber-400 92 46 22 warm-chestnut-timber-500 138 97 65 warm-chestnut-timber-600 99 65 37 warm-chestnut-timber-700 62 36 14 warm-chestnut-timber-800 29 13 2 warm-chestnut-timber-900 4 1 0 warm-chestnut-timber-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.