← Back to Tools
Design heritage autumn colors with warm cream (#F2E7D6), toffee tan (#D1B38C), rust red (#B05A3C), chestnut brown (#6A4A3A), and deep evergreen (#22302A) for cozy knitwear branding.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--warm-cream: #F2E7D6;
--warm-cream-50: #fffffe;
--warm-cream-100: #fffefc;
--warm-cream-200: #fefdfa;
--warm-cream-300: #fefbf6;
--warm-cream-400: #fcf8f2;
--warm-cream-500: #F2E7D6;
--warm-cream-600: #d3cec7;
--warm-cream-700: #95918b;
--warm-cream-800: #5c5954;
--warm-cream-900: #2d2b28;
--warm-cream-950: #090807;
--toffee-tan: #D1B38C;
--toffee-tan-50: #fffdfb;
--toffee-tan-100: #fefbf7;
--toffee-tan-200: #fcf7ef;
--toffee-tan-300: #f9f1e4;
--toffee-tan-400: #f5e8d7;
--toffee-tan-500: #D1B38C;
--toffee-tan-600: #c6b8a3;
--toffee-tan-700: #8d816f;
--toffee-tan-800: #574e41;
--toffee-tan-900: #2b251d;
--toffee-tan-950: #080604;
--rust-red: #B05A3C;
--rust-red-50: #fffaf7;
--rust-red-100: #fff4ee;
--rust-red-200: #fde8de;
--rust-red-300: #f9d8c9;
--rust-red-400: #f1c3ad;
--rust-red-500: #B05A3C;
--rust-red-600: #b9856c;
--rust-red-700: #865b46;
--rust-red-800: #553424;
--rust-red-900: #2b160c;
--rust-red-950: #080301;
--chestnut-brown: #6A4A3A;
--chestnut-brown-50: #fefaf8;
--chestnut-brown-100: #f9f3f0;
--chestnut-brown-200: #f0e6e0;
--chestnut-brown-300: #e3d4cb;
--chestnut-brown-400: #d1bcaf;
--chestnut-brown-500: #6A4A3A;
--chestnut-brown-600: #927a6c;
--chestnut-brown-700: #685448;
--chestnut-brown-800: #403128;
--chestnut-brown-900: #1e150f;
--chestnut-brown-950: #050201;
--deep-evergreen: #22302A;
--deep-evergreen-50: #f7faf9;
--deep-evergreen-100: #edf1f0;
--deep-evergreen-200: #dae1de;
--deep-evergreen-300: #c0cbc6;
--deep-evergreen-400: #9eada7;
--deep-evergreen-500: #22302A;
--deep-evergreen-600: #54655e;
--deep-evergreen-700: #384640;
--deep-evergreen-800: #1e2824;
--deep-evergreen-900: #0a100e;
--deep-evergreen-950: #010201;
}
$warm-cream: #F2E7D6; $warm-cream-50: #fffffe; $warm-cream-100: #fffefc; $warm-cream-200: #fefdfa; $warm-cream-300: #fefbf6; $warm-cream-400: #fcf8f2; $warm-cream-500: #F2E7D6; $warm-cream-600: #d3cec7; $warm-cream-700: #95918b; $warm-cream-800: #5c5954; $warm-cream-900: #2d2b28; $warm-cream-950: #090807; $toffee-tan: #D1B38C; $toffee-tan-50: #fffdfb; $toffee-tan-100: #fefbf7; $toffee-tan-200: #fcf7ef; $toffee-tan-300: #f9f1e4; $toffee-tan-400: #f5e8d7; $toffee-tan-500: #D1B38C; $toffee-tan-600: #c6b8a3; $toffee-tan-700: #8d816f; $toffee-tan-800: #574e41; $toffee-tan-900: #2b251d; $toffee-tan-950: #080604; $rust-red: #B05A3C; $rust-red-50: #fffaf7; $rust-red-100: #fff4ee; $rust-red-200: #fde8de; $rust-red-300: #f9d8c9; $rust-red-400: #f1c3ad; $rust-red-500: #B05A3C; $rust-red-600: #b9856c; $rust-red-700: #865b46; $rust-red-800: #553424; $rust-red-900: #2b160c; $rust-red-950: #080301; $chestnut-brown: #6A4A3A; $chestnut-brown-50: #fefaf8; $chestnut-brown-100: #f9f3f0; $chestnut-brown-200: #f0e6e0; $chestnut-brown-300: #e3d4cb; $chestnut-brown-400: #d1bcaf; $chestnut-brown-500: #6A4A3A; $chestnut-brown-600: #927a6c; $chestnut-brown-700: #685448; $chestnut-brown-800: #403128; $chestnut-brown-900: #1e150f; $chestnut-brown-950: #050201; $deep-evergreen: #22302A; $deep-evergreen-50: #f7faf9; $deep-evergreen-100: #edf1f0; $deep-evergreen-200: #dae1de; $deep-evergreen-300: #c0cbc6; $deep-evergreen-400: #9eada7; $deep-evergreen-500: #22302A; $deep-evergreen-600: #54655e; $deep-evergreen-700: #384640; $deep-evergreen-800: #1e2824; $deep-evergreen-900: #0a100e; $deep-evergreen-950: #010201;
colors: {
'warm-cream': {
50: '#fffffe',
100: '#fffefc',
200: '#fefdfa',
300: '#fefbf6',
400: '#fcf8f2',
500: '#F2E7D6',
600: '#d3cec7',
700: '#95918b',
800: '#5c5954',
900: '#2d2b28',
950: '#090807',
DEFAULT: '#F2E7D6',
},
'toffee-tan': {
50: '#fffdfb',
100: '#fefbf7',
200: '#fcf7ef',
300: '#f9f1e4',
400: '#f5e8d7',
500: '#D1B38C',
600: '#c6b8a3',
700: '#8d816f',
800: '#574e41',
900: '#2b251d',
950: '#080604',
DEFAULT: '#D1B38C',
},
'rust-red': {
50: '#fffaf7',
100: '#fff4ee',
200: '#fde8de',
300: '#f9d8c9',
400: '#f1c3ad',
500: '#B05A3C',
600: '#b9856c',
700: '#865b46',
800: '#553424',
900: '#2b160c',
950: '#080301',
DEFAULT: '#B05A3C',
},
'chestnut-brown': {
50: '#fefaf8',
100: '#f9f3f0',
200: '#f0e6e0',
300: '#e3d4cb',
400: '#d1bcaf',
500: '#6A4A3A',
600: '#927a6c',
700: '#685448',
800: '#403128',
900: '#1e150f',
950: '#050201',
DEFAULT: '#6A4A3A',
},
'deep-evergreen': {
50: '#f7faf9',
100: '#edf1f0',
200: '#dae1de',
300: '#c0cbc6',
400: '#9eada7',
500: '#22302A',
600: '#54655e',
700: '#384640',
800: '#1e2824',
900: '#0a100e',
950: '#010201',
DEFAULT: '#22302A',
},
},
[
{
"name": "warm-cream",
"harmony": "Palette",
"hex": "#F2E7D6",
"rgb": {
"r": 242,
"g": 231,
"b": 214
},
"hsl": {
"h": 36,
"s": 52,
"l": 89
},
"value": "#F2E7D6",
"tonalScale": {
"50": {
"hex": "#fffffe",
"rgb": {
"r": 255,
"g": 255,
"b": 254
}
},
"100": {
"hex": "#fffefc",
"rgb": {
"r": 255,
"g": 254,
"b": 252
}
},
"200": {
"hex": "#fefdfa",
"rgb": {
"r": 254,
"g": 253,
"b": 250
}
},
"300": {
"hex": "#fefbf6",
"rgb": {
"r": 254,
"g": 251,
"b": 246
}
},
"400": {
"hex": "#fcf8f2",
"rgb": {
"r": 252,
"g": 248,
"b": 242
}
},
"500": {
"hex": "#F2E7D6",
"rgb": {
"r": 242,
"g": 231,
"b": 214
}
},
"600": {
"hex": "#d3cec7",
"rgb": {
"r": 211,
"g": 206,
"b": 199
}
},
"700": {
"hex": "#95918b",
"rgb": {
"r": 149,
"g": 145,
"b": 139
}
},
"800": {
"hex": "#5c5954",
"rgb": {
"r": 92,
"g": 89,
"b": 84
}
},
"900": {
"hex": "#2d2b28",
"rgb": {
"r": 45,
"g": 43,
"b": 40
}
},
"950": {
"hex": "#090807",
"rgb": {
"r": 9,
"g": 8,
"b": 7
}
}
}
},
{
"name": "toffee-tan",
"harmony": "Palette",
"hex": "#D1B38C",
"rgb": {
"r": 209,
"g": 179,
"b": 140
},
"hsl": {
"h": 34,
"s": 43,
"l": 68
},
"value": "#D1B38C",
"tonalScale": {
"50": {
"hex": "#fffdfb",
"rgb": {
"r": 255,
"g": 253,
"b": 251
}
},
"100": {
"hex": "#fefbf7",
"rgb": {
"r": 254,
"g": 251,
"b": 247
}
},
"200": {
"hex": "#fcf7ef",
"rgb": {
"r": 252,
"g": 247,
"b": 239
}
},
"300": {
"hex": "#f9f1e4",
"rgb": {
"r": 249,
"g": 241,
"b": 228
}
},
"400": {
"hex": "#f5e8d7",
"rgb": {
"r": 245,
"g": 232,
"b": 215
}
},
"500": {
"hex": "#D1B38C",
"rgb": {
"r": 209,
"g": 179,
"b": 140
}
},
"600": {
"hex": "#c6b8a3",
"rgb": {
"r": 198,
"g": 184,
"b": 163
}
},
"700": {
"hex": "#8d816f",
"rgb": {
"r": 141,
"g": 129,
"b": 111
}
},
"800": {
"hex": "#574e41",
"rgb": {
"r": 87,
"g": 78,
"b": 65
}
},
"900": {
"hex": "#2b251d",
"rgb": {
"r": 43,
"g": 37,
"b": 29
}
},
"950": {
"hex": "#080604",
"rgb": {
"r": 8,
"g": 6,
"b": 4
}
}
}
},
{
"name": "rust-red",
"harmony": "Palette",
"hex": "#B05A3C",
"rgb": {
"r": 176,
"g": 90,
"b": 60
},
"hsl": {
"h": 16,
"s": 49,
"l": 46
},
"value": "#B05A3C",
"tonalScale": {
"50": {
"hex": "#fffaf7",
"rgb": {
"r": 255,
"g": 250,
"b": 247
}
},
"100": {
"hex": "#fff4ee",
"rgb": {
"r": 255,
"g": 244,
"b": 238
}
},
"200": {
"hex": "#fde8de",
"rgb": {
"r": 253,
"g": 232,
"b": 222
}
},
"300": {
"hex": "#f9d8c9",
"rgb": {
"r": 249,
"g": 216,
"b": 201
}
},
"400": {
"hex": "#f1c3ad",
"rgb": {
"r": 241,
"g": 195,
"b": 173
}
},
"500": {
"hex": "#B05A3C",
"rgb": {
"r": 176,
"g": 90,
"b": 60
}
},
"600": {
"hex": "#b9856c",
"rgb": {
"r": 185,
"g": 133,
"b": 108
}
},
"700": {
"hex": "#865b46",
"rgb": {
"r": 134,
"g": 91,
"b": 70
}
},
"800": {
"hex": "#553424",
"rgb": {
"r": 85,
"g": 52,
"b": 36
}
},
"900": {
"hex": "#2b160c",
"rgb": {
"r": 43,
"g": 22,
"b": 12
}
},
"950": {
"hex": "#080301",
"rgb": {
"r": 8,
"g": 3,
"b": 1
}
}
}
},
{
"name": "chestnut-brown",
"harmony": "Palette",
"hex": "#6A4A3A",
"rgb": {
"r": 106,
"g": 74,
"b": 58
},
"hsl": {
"h": 20,
"s": 29,
"l": 32
},
"value": "#6A4A3A",
"tonalScale": {
"50": {
"hex": "#fefaf8",
"rgb": {
"r": 254,
"g": 250,
"b": 248
}
},
"100": {
"hex": "#f9f3f0",
"rgb": {
"r": 249,
"g": 243,
"b": 240
}
},
"200": {
"hex": "#f0e6e0",
"rgb": {
"r": 240,
"g": 230,
"b": 224
}
},
"300": {
"hex": "#e3d4cb",
"rgb": {
"r": 227,
"g": 212,
"b": 203
}
},
"400": {
"hex": "#d1bcaf",
"rgb": {
"r": 209,
"g": 188,
"b": 175
}
},
"500": {
"hex": "#6A4A3A",
"rgb": {
"r": 106,
"g": 74,
"b": 58
}
},
"600": {
"hex": "#927a6c",
"rgb": {
"r": 146,
"g": 122,
"b": 108
}
},
"700": {
"hex": "#685448",
"rgb": {
"r": 104,
"g": 84,
"b": 72
}
},
"800": {
"hex": "#403128",
"rgb": {
"r": 64,
"g": 49,
"b": 40
}
},
"900": {
"hex": "#1e150f",
"rgb": {
"r": 30,
"g": 21,
"b": 15
}
},
"950": {
"hex": "#050201",
"rgb": {
"r": 5,
"g": 2,
"b": 1
}
}
}
},
{
"name": "deep-evergreen",
"harmony": "Palette",
"hex": "#22302A",
"rgb": {
"r": 34,
"g": 48,
"b": 42
},
"hsl": {
"h": 154,
"s": 17,
"l": 16
},
"value": "#22302A",
"tonalScale": {
"50": {
"hex": "#f7faf9",
"rgb": {
"r": 247,
"g": 250,
"b": 249
}
},
"100": {
"hex": "#edf1f0",
"rgb": {
"r": 237,
"g": 241,
"b": 240
}
},
"200": {
"hex": "#dae1de",
"rgb": {
"r": 218,
"g": 225,
"b": 222
}
},
"300": {
"hex": "#c0cbc6",
"rgb": {
"r": 192,
"g": 203,
"b": 198
}
},
"400": {
"hex": "#9eada7",
"rgb": {
"r": 158,
"g": 173,
"b": 167
}
},
"500": {
"hex": "#22302A",
"rgb": {
"r": 34,
"g": 48,
"b": 42
}
},
"600": {
"hex": "#54655e",
"rgb": {
"r": 84,
"g": 101,
"b": 94
}
},
"700": {
"hex": "#384640",
"rgb": {
"r": 56,
"g": 70,
"b": 64
}
},
"800": {
"hex": "#1e2824",
"rgb": {
"r": 30,
"g": 40,
"b": 36
}
},
"900": {
"hex": "#0a100e",
"rgb": {
"r": 10,
"g": 16,
"b": 14
}
},
"950": {
"hex": "#010201",
"rgb": {
"r": 1,
"g": 2,
"b": 1
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 warm-cream,Palette,#F2E7D6,"rgb(242, 231, 214)","hsl(36, 52%, 89%)",#F2E7D6,#fffffe,#fffefc,#fefdfa,#fefbf6,#fcf8f2,#F2E7D6,#d3cec7,#95918b,#5c5954,#2d2b28,#090807 toffee-tan,Palette,#D1B38C,"rgb(209, 179, 140)","hsl(34, 43%, 68%)",#D1B38C,#fffdfb,#fefbf7,#fcf7ef,#f9f1e4,#f5e8d7,#D1B38C,#c6b8a3,#8d816f,#574e41,#2b251d,#080604 rust-red,Palette,#B05A3C,"rgb(176, 90, 60)","hsl(16, 49%, 46%)",#B05A3C,#fffaf7,#fff4ee,#fde8de,#f9d8c9,#f1c3ad,#B05A3C,#b9856c,#865b46,#553424,#2b160c,#080301 chestnut-brown,Palette,#6A4A3A,"rgb(106, 74, 58)","hsl(20, 29%, 32%)",#6A4A3A,#fefaf8,#f9f3f0,#f0e6e0,#e3d4cb,#d1bcaf,#6A4A3A,#927a6c,#685448,#403128,#1e150f,#050201 deep-evergreen,Palette,#22302A,"rgb(34, 48, 42)","hsl(154, 17%, 16%)",#22302A,#f7faf9,#edf1f0,#dae1de,#c0cbc6,#9eada7,#22302A,#54655e,#384640,#1e2824,#0a100e,#010201
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 242 231 214 warm-cream 255 255 254 warm-cream-50 255 254 252 warm-cream-100 254 253 250 warm-cream-200 254 251 246 warm-cream-300 252 248 242 warm-cream-400 242 231 214 warm-cream-500 211 206 199 warm-cream-600 149 145 139 warm-cream-700 92 89 84 warm-cream-800 45 43 40 warm-cream-900 9 8 7 warm-cream-950 209 179 140 toffee-tan 255 253 251 toffee-tan-50 254 251 247 toffee-tan-100 252 247 239 toffee-tan-200 249 241 228 toffee-tan-300 245 232 215 toffee-tan-400 209 179 140 toffee-tan-500 198 184 163 toffee-tan-600 141 129 111 toffee-tan-700 87 78 65 toffee-tan-800 43 37 29 toffee-tan-900 8 6 4 toffee-tan-950 176 90 60 rust-red 255 250 247 rust-red-50 255 244 238 rust-red-100 253 232 222 rust-red-200 249 216 201 rust-red-300 241 195 173 rust-red-400 176 90 60 rust-red-500 185 133 108 rust-red-600 134 91 70 rust-red-700 85 52 36 rust-red-800 43 22 12 rust-red-900 8 3 1 rust-red-950 106 74 58 chestnut-brown 254 250 248 chestnut-brown-50 249 243 240 chestnut-brown-100 240 230 224 chestnut-brown-200 227 212 203 chestnut-brown-300 209 188 175 chestnut-brown-400 106 74 58 chestnut-brown-500 146 122 108 chestnut-brown-600 104 84 72 chestnut-brown-700 64 49 40 chestnut-brown-800 30 21 15 chestnut-brown-900 5 2 1 chestnut-brown-950 34 48 42 deep-evergreen 247 250 249 deep-evergreen-50 237 241 240 deep-evergreen-100 218 225 222 deep-evergreen-200 192 203 198 deep-evergreen-300 158 173 167 deep-evergreen-400 34 48 42 deep-evergreen-500 84 101 94 deep-evergreen-600 56 70 64 deep-evergreen-700 30 40 36 deep-evergreen-800 10 16 14 deep-evergreen-900 1 2 1 deep-evergreen-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.