← Back to Tools
Create eco-friendly packaging and natural branding with this rustic kraft palette featuring #8B4513 saddle brown, #D2B48C tan, #A0522D sienna, and #C4A484 kraft paper.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--saddle-brown: #8B4513;
--saddle-brown-50: #fffaf2;
--saddle-brown-100: #fef3e6;
--saddle-brown-200: #f8e5cf;
--saddle-brown-300: #f1d2af;
--saddle-brown-400: #e3b987;
--saddle-brown-500: #8B4513;
--saddle-brown-600: #a77639;
--saddle-brown-700: #795018;
--saddle-brown-800: #4c2d00;
--saddle-brown-900: #261200;
--saddle-brown-950: #070200;
--tan: #D2B48C;
--tan-50: #fffdfb;
--tan-100: #fefbf6;
--tan-200: #fcf7ef;
--tan-300: #f9f1e4;
--tan-400: #f5e9d7;
--tan-500: #D2B48C;
--tan-600: #c6b8a3;
--tan-700: #8d816f;
--tan-800: #574e41;
--tan-900: #2b251d;
--tan-950: #080604;
--sienna: #A0522D;
--sienna-50: #fffaf5;
--sienna-100: #fff3ec;
--sienna-200: #fbe7d9;
--sienna-300: #f5d6c1;
--sienna-400: #ebbfa2;
--sienna-500: #A0522D;
--sienna-600: #b1805d;
--sienna-700: #80573a;
--sienna-800: #51321b;
--sienna-900: #291506;
--sienna-950: #080200;
--kraft-paper: #C4A484;
--kraft-paper-50: #fffdfb;
--kraft-paper-100: #fefaf6;
--kraft-paper-200: #fbf5ee;
--kraft-paper-300: #f7ede2;
--kraft-paper-400: #f1e3d4;
--kraft-paper-500: #C4A484;
--kraft-paper-600: #c0b19f;
--kraft-paper-700: #897c6d;
--kraft-paper-800: #554b3f;
--kraft-paper-900: #2a231c;
--kraft-paper-950: #080604;
}
$saddle-brown: #8B4513; $saddle-brown-50: #fffaf2; $saddle-brown-100: #fef3e6; $saddle-brown-200: #f8e5cf; $saddle-brown-300: #f1d2af; $saddle-brown-400: #e3b987; $saddle-brown-500: #8B4513; $saddle-brown-600: #a77639; $saddle-brown-700: #795018; $saddle-brown-800: #4c2d00; $saddle-brown-900: #261200; $saddle-brown-950: #070200; $tan: #D2B48C; $tan-50: #fffdfb; $tan-100: #fefbf6; $tan-200: #fcf7ef; $tan-300: #f9f1e4; $tan-400: #f5e9d7; $tan-500: #D2B48C; $tan-600: #c6b8a3; $tan-700: #8d816f; $tan-800: #574e41; $tan-900: #2b251d; $tan-950: #080604; $sienna: #A0522D; $sienna-50: #fffaf5; $sienna-100: #fff3ec; $sienna-200: #fbe7d9; $sienna-300: #f5d6c1; $sienna-400: #ebbfa2; $sienna-500: #A0522D; $sienna-600: #b1805d; $sienna-700: #80573a; $sienna-800: #51321b; $sienna-900: #291506; $sienna-950: #080200; $kraft-paper: #C4A484; $kraft-paper-50: #fffdfb; $kraft-paper-100: #fefaf6; $kraft-paper-200: #fbf5ee; $kraft-paper-300: #f7ede2; $kraft-paper-400: #f1e3d4; $kraft-paper-500: #C4A484; $kraft-paper-600: #c0b19f; $kraft-paper-700: #897c6d; $kraft-paper-800: #554b3f; $kraft-paper-900: #2a231c; $kraft-paper-950: #080604;
colors: {
'saddle-brown': {
50: '#fffaf2',
100: '#fef3e6',
200: '#f8e5cf',
300: '#f1d2af',
400: '#e3b987',
500: '#8B4513',
600: '#a77639',
700: '#795018',
800: '#4c2d00',
900: '#261200',
950: '#070200',
DEFAULT: '#8B4513',
},
'tan': {
50: '#fffdfb',
100: '#fefbf6',
200: '#fcf7ef',
300: '#f9f1e4',
400: '#f5e9d7',
500: '#D2B48C',
600: '#c6b8a3',
700: '#8d816f',
800: '#574e41',
900: '#2b251d',
950: '#080604',
DEFAULT: '#D2B48C',
},
'sienna': {
50: '#fffaf5',
100: '#fff3ec',
200: '#fbe7d9',
300: '#f5d6c1',
400: '#ebbfa2',
500: '#A0522D',
600: '#b1805d',
700: '#80573a',
800: '#51321b',
900: '#291506',
950: '#080200',
DEFAULT: '#A0522D',
},
'kraft-paper': {
50: '#fffdfb',
100: '#fefaf6',
200: '#fbf5ee',
300: '#f7ede2',
400: '#f1e3d4',
500: '#C4A484',
600: '#c0b19f',
700: '#897c6d',
800: '#554b3f',
900: '#2a231c',
950: '#080604',
DEFAULT: '#C4A484',
},
},
[
{
"name": "saddle-brown",
"harmony": "Palette",
"hex": "#8B4513",
"rgb": {
"r": 139,
"g": 69,
"b": 19
},
"hsl": {
"h": 25,
"s": 76,
"l": 31
},
"value": "#8B4513",
"tonalScale": {
"50": {
"hex": "#fffaf2",
"rgb": {
"r": 255,
"g": 250,
"b": 242
}
},
"100": {
"hex": "#fef3e6",
"rgb": {
"r": 254,
"g": 243,
"b": 230
}
},
"200": {
"hex": "#f8e5cf",
"rgb": {
"r": 248,
"g": 229,
"b": 207
}
},
"300": {
"hex": "#f1d2af",
"rgb": {
"r": 241,
"g": 210,
"b": 175
}
},
"400": {
"hex": "#e3b987",
"rgb": {
"r": 227,
"g": 185,
"b": 135
}
},
"500": {
"hex": "#8B4513",
"rgb": {
"r": 139,
"g": 69,
"b": 19
}
},
"600": {
"hex": "#a77639",
"rgb": {
"r": 167,
"g": 118,
"b": 57
}
},
"700": {
"hex": "#795018",
"rgb": {
"r": 121,
"g": 80,
"b": 24
}
},
"800": {
"hex": "#4c2d00",
"rgb": {
"r": 76,
"g": 45,
"b": 0
}
},
"900": {
"hex": "#261200",
"rgb": {
"r": 38,
"g": 18,
"b": 0
}
},
"950": {
"hex": "#070200",
"rgb": {
"r": 7,
"g": 2,
"b": 0
}
}
}
},
{
"name": "tan",
"harmony": "Palette",
"hex": "#D2B48C",
"rgb": {
"r": 210,
"g": 180,
"b": 140
},
"hsl": {
"h": 34,
"s": 44,
"l": 69
},
"value": "#D2B48C",
"tonalScale": {
"50": {
"hex": "#fffdfb",
"rgb": {
"r": 255,
"g": 253,
"b": 251
}
},
"100": {
"hex": "#fefbf6",
"rgb": {
"r": 254,
"g": 251,
"b": 246
}
},
"200": {
"hex": "#fcf7ef",
"rgb": {
"r": 252,
"g": 247,
"b": 239
}
},
"300": {
"hex": "#f9f1e4",
"rgb": {
"r": 249,
"g": 241,
"b": 228
}
},
"400": {
"hex": "#f5e9d7",
"rgb": {
"r": 245,
"g": 233,
"b": 215
}
},
"500": {
"hex": "#D2B48C",
"rgb": {
"r": 210,
"g": 180,
"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": "sienna",
"harmony": "Palette",
"hex": "#A0522D",
"rgb": {
"r": 160,
"g": 82,
"b": 45
},
"hsl": {
"h": 19,
"s": 56,
"l": 40
},
"value": "#A0522D",
"tonalScale": {
"50": {
"hex": "#fffaf5",
"rgb": {
"r": 255,
"g": 250,
"b": 245
}
},
"100": {
"hex": "#fff3ec",
"rgb": {
"r": 255,
"g": 243,
"b": 236
}
},
"200": {
"hex": "#fbe7d9",
"rgb": {
"r": 251,
"g": 231,
"b": 217
}
},
"300": {
"hex": "#f5d6c1",
"rgb": {
"r": 245,
"g": 214,
"b": 193
}
},
"400": {
"hex": "#ebbfa2",
"rgb": {
"r": 235,
"g": 191,
"b": 162
}
},
"500": {
"hex": "#A0522D",
"rgb": {
"r": 160,
"g": 82,
"b": 45
}
},
"600": {
"hex": "#b1805d",
"rgb": {
"r": 177,
"g": 128,
"b": 93
}
},
"700": {
"hex": "#80573a",
"rgb": {
"r": 128,
"g": 87,
"b": 58
}
},
"800": {
"hex": "#51321b",
"rgb": {
"r": 81,
"g": 50,
"b": 27
}
},
"900": {
"hex": "#291506",
"rgb": {
"r": 41,
"g": 21,
"b": 6
}
},
"950": {
"hex": "#080200",
"rgb": {
"r": 8,
"g": 2,
"b": 0
}
}
}
},
{
"name": "kraft-paper",
"harmony": "Palette",
"hex": "#C4A484",
"rgb": {
"r": 196,
"g": 164,
"b": 132
},
"hsl": {
"h": 30,
"s": 35,
"l": 64
},
"value": "#C4A484",
"tonalScale": {
"50": {
"hex": "#fffdfb",
"rgb": {
"r": 255,
"g": 253,
"b": 251
}
},
"100": {
"hex": "#fefaf6",
"rgb": {
"r": 254,
"g": 250,
"b": 246
}
},
"200": {
"hex": "#fbf5ee",
"rgb": {
"r": 251,
"g": 245,
"b": 238
}
},
"300": {
"hex": "#f7ede2",
"rgb": {
"r": 247,
"g": 237,
"b": 226
}
},
"400": {
"hex": "#f1e3d4",
"rgb": {
"r": 241,
"g": 227,
"b": 212
}
},
"500": {
"hex": "#C4A484",
"rgb": {
"r": 196,
"g": 164,
"b": 132
}
},
"600": {
"hex": "#c0b19f",
"rgb": {
"r": 192,
"g": 177,
"b": 159
}
},
"700": {
"hex": "#897c6d",
"rgb": {
"r": 137,
"g": 124,
"b": 109
}
},
"800": {
"hex": "#554b3f",
"rgb": {
"r": 85,
"g": 75,
"b": 63
}
},
"900": {
"hex": "#2a231c",
"rgb": {
"r": 42,
"g": 35,
"b": 28
}
},
"950": {
"hex": "#080604",
"rgb": {
"r": 8,
"g": 6,
"b": 4
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 saddle-brown,Palette,#8B4513,"rgb(139, 69, 19)","hsl(25, 76%, 31%)",#8B4513,#fffaf2,#fef3e6,#f8e5cf,#f1d2af,#e3b987,#8B4513,#a77639,#795018,#4c2d00,#261200,#070200 tan,Palette,#D2B48C,"rgb(210, 180, 140)","hsl(34, 44%, 69%)",#D2B48C,#fffdfb,#fefbf6,#fcf7ef,#f9f1e4,#f5e9d7,#D2B48C,#c6b8a3,#8d816f,#574e41,#2b251d,#080604 sienna,Palette,#A0522D,"rgb(160, 82, 45)","hsl(19, 56%, 40%)",#A0522D,#fffaf5,#fff3ec,#fbe7d9,#f5d6c1,#ebbfa2,#A0522D,#b1805d,#80573a,#51321b,#291506,#080200 kraft-paper,Palette,#C4A484,"rgb(196, 164, 132)","hsl(30, 35%, 64%)",#C4A484,#fffdfb,#fefaf6,#fbf5ee,#f7ede2,#f1e3d4,#C4A484,#c0b19f,#897c6d,#554b3f,#2a231c,#080604
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 139 69 19 saddle-brown 255 250 242 saddle-brown-50 254 243 230 saddle-brown-100 248 229 207 saddle-brown-200 241 210 175 saddle-brown-300 227 185 135 saddle-brown-400 139 69 19 saddle-brown-500 167 118 57 saddle-brown-600 121 80 24 saddle-brown-700 76 45 0 saddle-brown-800 38 18 0 saddle-brown-900 7 2 0 saddle-brown-950 210 180 140 tan 255 253 251 tan-50 254 251 246 tan-100 252 247 239 tan-200 249 241 228 tan-300 245 233 215 tan-400 210 180 140 tan-500 198 184 163 tan-600 141 129 111 tan-700 87 78 65 tan-800 43 37 29 tan-900 8 6 4 tan-950 160 82 45 sienna 255 250 245 sienna-50 255 243 236 sienna-100 251 231 217 sienna-200 245 214 193 sienna-300 235 191 162 sienna-400 160 82 45 sienna-500 177 128 93 sienna-600 128 87 58 sienna-700 81 50 27 sienna-800 41 21 6 sienna-900 8 2 0 sienna-950 196 164 132 kraft-paper 255 253 251 kraft-paper-50 254 250 246 kraft-paper-100 251 245 238 kraft-paper-200 247 237 226 kraft-paper-300 241 227 212 kraft-paper-400 196 164 132 kraft-paper-500 192 177 159 kraft-paper-600 137 124 109 kraft-paper-700 85 75 63 kraft-paper-800 42 35 28 kraft-paper-900 8 6 4 kraft-paper-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.