← Back to Tools
Recreate aged photography tones with sepia brown (#70543E), warm tan (#A8855F), parchment beige (#CBB089), and vintage cream (#EFE4D0) for heritage print designs.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--sepia-brown: #70543E;
--sepia-brown-50: #fdfbf8;
--sepia-brown-100: #f9f4f0;
--sepia-brown-200: #f0e8e0;
--sepia-brown-300: #e4d7cc;
--sepia-brown-400: #d3c1b1;
--sepia-brown-500: #70543E;
--sepia-brown-600: #96826f;
--sepia-brown-700: #6a5a4a;
--sepia-brown-800: #413529;
--sepia-brown-900: #1f170f;
--sepia-brown-950: #050302;
--warm-tan: #A8855F;
--warm-tan-50: #fffcf9;
--warm-tan-100: #fdf8f3;
--warm-tan-200: #f8f0e7;
--warm-tan-300: #f2e6d7;
--warm-tan-400: #e8d8c2;
--warm-tan-500: #A8855F;
--warm-tan-600: #b4a188;
--warm-tan-700: #80705b;
--warm-tan-800: #4f4333;
--warm-tan-900: #271f15;
--warm-tan-950: #070502;
--parchment-beige: #CBB089;
--parchment-beige-50: #fffdfb;
--parchment-beige-100: #fefbf6;
--parchment-beige-200: #fbf6ee;
--parchment-beige-300: #f8f0e3;
--parchment-beige-400: #f3e7d6;
--parchment-beige-500: #CBB089;
--parchment-beige-600: #c3b6a1;
--parchment-beige-700: #8b806e;
--parchment-beige-800: #564e40;
--parchment-beige-900: #2a251c;
--parchment-beige-950: #080604;
--vintage-cream: #EFE4D0;
--vintage-cream-50: #fffefd;
--vintage-cream-100: #fffefc;
--vintage-cream-200: #fefcf9;
--vintage-cream-300: #fdfaf5;
--vintage-cream-400: #fcf8f0;
--vintage-cream-500: #EFE4D0;
--vintage-cream-600: #d1cdc4;
--vintage-cream-700: #949089;
--vintage-cream-800: #5b5853;
--vintage-cream-900: #2d2b27;
--vintage-cream-950: #090807;
}
$sepia-brown: #70543E; $sepia-brown-50: #fdfbf8; $sepia-brown-100: #f9f4f0; $sepia-brown-200: #f0e8e0; $sepia-brown-300: #e4d7cc; $sepia-brown-400: #d3c1b1; $sepia-brown-500: #70543E; $sepia-brown-600: #96826f; $sepia-brown-700: #6a5a4a; $sepia-brown-800: #413529; $sepia-brown-900: #1f170f; $sepia-brown-950: #050302; $warm-tan: #A8855F; $warm-tan-50: #fffcf9; $warm-tan-100: #fdf8f3; $warm-tan-200: #f8f0e7; $warm-tan-300: #f2e6d7; $warm-tan-400: #e8d8c2; $warm-tan-500: #A8855F; $warm-tan-600: #b4a188; $warm-tan-700: #80705b; $warm-tan-800: #4f4333; $warm-tan-900: #271f15; $warm-tan-950: #070502; $parchment-beige: #CBB089; $parchment-beige-50: #fffdfb; $parchment-beige-100: #fefbf6; $parchment-beige-200: #fbf6ee; $parchment-beige-300: #f8f0e3; $parchment-beige-400: #f3e7d6; $parchment-beige-500: #CBB089; $parchment-beige-600: #c3b6a1; $parchment-beige-700: #8b806e; $parchment-beige-800: #564e40; $parchment-beige-900: #2a251c; $parchment-beige-950: #080604; $vintage-cream: #EFE4D0; $vintage-cream-50: #fffefd; $vintage-cream-100: #fffefc; $vintage-cream-200: #fefcf9; $vintage-cream-300: #fdfaf5; $vintage-cream-400: #fcf8f0; $vintage-cream-500: #EFE4D0; $vintage-cream-600: #d1cdc4; $vintage-cream-700: #949089; $vintage-cream-800: #5b5853; $vintage-cream-900: #2d2b27; $vintage-cream-950: #090807;
colors: {
'sepia-brown': {
50: '#fdfbf8',
100: '#f9f4f0',
200: '#f0e8e0',
300: '#e4d7cc',
400: '#d3c1b1',
500: '#70543E',
600: '#96826f',
700: '#6a5a4a',
800: '#413529',
900: '#1f170f',
950: '#050302',
DEFAULT: '#70543E',
},
'warm-tan': {
50: '#fffcf9',
100: '#fdf8f3',
200: '#f8f0e7',
300: '#f2e6d7',
400: '#e8d8c2',
500: '#A8855F',
600: '#b4a188',
700: '#80705b',
800: '#4f4333',
900: '#271f15',
950: '#070502',
DEFAULT: '#A8855F',
},
'parchment-beige': {
50: '#fffdfb',
100: '#fefbf6',
200: '#fbf6ee',
300: '#f8f0e3',
400: '#f3e7d6',
500: '#CBB089',
600: '#c3b6a1',
700: '#8b806e',
800: '#564e40',
900: '#2a251c',
950: '#080604',
DEFAULT: '#CBB089',
},
'vintage-cream': {
50: '#fffefd',
100: '#fffefc',
200: '#fefcf9',
300: '#fdfaf5',
400: '#fcf8f0',
500: '#EFE4D0',
600: '#d1cdc4',
700: '#949089',
800: '#5b5853',
900: '#2d2b27',
950: '#090807',
DEFAULT: '#EFE4D0',
},
},
[
{
"name": "sepia-brown",
"harmony": "Palette",
"hex": "#70543E",
"rgb": {
"r": 112,
"g": 84,
"b": 62
},
"hsl": {
"h": 26,
"s": 29,
"l": 34
},
"value": "#70543E",
"tonalScale": {
"50": {
"hex": "#fdfbf8",
"rgb": {
"r": 253,
"g": 251,
"b": 248
}
},
"100": {
"hex": "#f9f4f0",
"rgb": {
"r": 249,
"g": 244,
"b": 240
}
},
"200": {
"hex": "#f0e8e0",
"rgb": {
"r": 240,
"g": 232,
"b": 224
}
},
"300": {
"hex": "#e4d7cc",
"rgb": {
"r": 228,
"g": 215,
"b": 204
}
},
"400": {
"hex": "#d3c1b1",
"rgb": {
"r": 211,
"g": 193,
"b": 177
}
},
"500": {
"hex": "#70543E",
"rgb": {
"r": 112,
"g": 84,
"b": 62
}
},
"600": {
"hex": "#96826f",
"rgb": {
"r": 150,
"g": 130,
"b": 111
}
},
"700": {
"hex": "#6a5a4a",
"rgb": {
"r": 106,
"g": 90,
"b": 74
}
},
"800": {
"hex": "#413529",
"rgb": {
"r": 65,
"g": 53,
"b": 41
}
},
"900": {
"hex": "#1f170f",
"rgb": {
"r": 31,
"g": 23,
"b": 15
}
},
"950": {
"hex": "#050302",
"rgb": {
"r": 5,
"g": 3,
"b": 2
}
}
}
},
{
"name": "warm-tan",
"harmony": "Palette",
"hex": "#A8855F",
"rgb": {
"r": 168,
"g": 133,
"b": 95
},
"hsl": {
"h": 31,
"s": 30,
"l": 52
},
"value": "#A8855F",
"tonalScale": {
"50": {
"hex": "#fffcf9",
"rgb": {
"r": 255,
"g": 252,
"b": 249
}
},
"100": {
"hex": "#fdf8f3",
"rgb": {
"r": 253,
"g": 248,
"b": 243
}
},
"200": {
"hex": "#f8f0e7",
"rgb": {
"r": 248,
"g": 240,
"b": 231
}
},
"300": {
"hex": "#f2e6d7",
"rgb": {
"r": 242,
"g": 230,
"b": 215
}
},
"400": {
"hex": "#e8d8c2",
"rgb": {
"r": 232,
"g": 216,
"b": 194
}
},
"500": {
"hex": "#A8855F",
"rgb": {
"r": 168,
"g": 133,
"b": 95
}
},
"600": {
"hex": "#b4a188",
"rgb": {
"r": 180,
"g": 161,
"b": 136
}
},
"700": {
"hex": "#80705b",
"rgb": {
"r": 128,
"g": 112,
"b": 91
}
},
"800": {
"hex": "#4f4333",
"rgb": {
"r": 79,
"g": 67,
"b": 51
}
},
"900": {
"hex": "#271f15",
"rgb": {
"r": 39,
"g": 31,
"b": 21
}
},
"950": {
"hex": "#070502",
"rgb": {
"r": 7,
"g": 5,
"b": 2
}
}
}
},
{
"name": "parchment-beige",
"harmony": "Palette",
"hex": "#CBB089",
"rgb": {
"r": 203,
"g": 176,
"b": 137
},
"hsl": {
"h": 35,
"s": 39,
"l": 67
},
"value": "#CBB089",
"tonalScale": {
"50": {
"hex": "#fffdfb",
"rgb": {
"r": 255,
"g": 253,
"b": 251
}
},
"100": {
"hex": "#fefbf6",
"rgb": {
"r": 254,
"g": 251,
"b": 246
}
},
"200": {
"hex": "#fbf6ee",
"rgb": {
"r": 251,
"g": 246,
"b": 238
}
},
"300": {
"hex": "#f8f0e3",
"rgb": {
"r": 248,
"g": 240,
"b": 227
}
},
"400": {
"hex": "#f3e7d6",
"rgb": {
"r": 243,
"g": 231,
"b": 214
}
},
"500": {
"hex": "#CBB089",
"rgb": {
"r": 203,
"g": 176,
"b": 137
}
},
"600": {
"hex": "#c3b6a1",
"rgb": {
"r": 195,
"g": 182,
"b": 161
}
},
"700": {
"hex": "#8b806e",
"rgb": {
"r": 139,
"g": 128,
"b": 110
}
},
"800": {
"hex": "#564e40",
"rgb": {
"r": 86,
"g": 78,
"b": 64
}
},
"900": {
"hex": "#2a251c",
"rgb": {
"r": 42,
"g": 37,
"b": 28
}
},
"950": {
"hex": "#080604",
"rgb": {
"r": 8,
"g": 6,
"b": 4
}
}
}
},
{
"name": "vintage-cream",
"harmony": "Palette",
"hex": "#EFE4D0",
"rgb": {
"r": 239,
"g": 228,
"b": 208
},
"hsl": {
"h": 39,
"s": 49,
"l": 88
},
"value": "#EFE4D0",
"tonalScale": {
"50": {
"hex": "#fffefd",
"rgb": {
"r": 255,
"g": 254,
"b": 253
}
},
"100": {
"hex": "#fffefc",
"rgb": {
"r": 255,
"g": 254,
"b": 252
}
},
"200": {
"hex": "#fefcf9",
"rgb": {
"r": 254,
"g": 252,
"b": 249
}
},
"300": {
"hex": "#fdfaf5",
"rgb": {
"r": 253,
"g": 250,
"b": 245
}
},
"400": {
"hex": "#fcf8f0",
"rgb": {
"r": 252,
"g": 248,
"b": 240
}
},
"500": {
"hex": "#EFE4D0",
"rgb": {
"r": 239,
"g": 228,
"b": 208
}
},
"600": {
"hex": "#d1cdc4",
"rgb": {
"r": 209,
"g": 205,
"b": 196
}
},
"700": {
"hex": "#949089",
"rgb": {
"r": 148,
"g": 144,
"b": 137
}
},
"800": {
"hex": "#5b5853",
"rgb": {
"r": 91,
"g": 88,
"b": 83
}
},
"900": {
"hex": "#2d2b27",
"rgb": {
"r": 45,
"g": 43,
"b": 39
}
},
"950": {
"hex": "#090807",
"rgb": {
"r": 9,
"g": 8,
"b": 7
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 sepia-brown,Palette,#70543E,"rgb(112, 84, 62)","hsl(26, 29%, 34%)",#70543E,#fdfbf8,#f9f4f0,#f0e8e0,#e4d7cc,#d3c1b1,#70543E,#96826f,#6a5a4a,#413529,#1f170f,#050302 warm-tan,Palette,#A8855F,"rgb(168, 133, 95)","hsl(31, 30%, 52%)",#A8855F,#fffcf9,#fdf8f3,#f8f0e7,#f2e6d7,#e8d8c2,#A8855F,#b4a188,#80705b,#4f4333,#271f15,#070502 parchment-beige,Palette,#CBB089,"rgb(203, 176, 137)","hsl(35, 39%, 67%)",#CBB089,#fffdfb,#fefbf6,#fbf6ee,#f8f0e3,#f3e7d6,#CBB089,#c3b6a1,#8b806e,#564e40,#2a251c,#080604 vintage-cream,Palette,#EFE4D0,"rgb(239, 228, 208)","hsl(39, 49%, 88%)",#EFE4D0,#fffefd,#fffefc,#fefcf9,#fdfaf5,#fcf8f0,#EFE4D0,#d1cdc4,#949089,#5b5853,#2d2b27,#090807
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 112 84 62 sepia-brown 253 251 248 sepia-brown-50 249 244 240 sepia-brown-100 240 232 224 sepia-brown-200 228 215 204 sepia-brown-300 211 193 177 sepia-brown-400 112 84 62 sepia-brown-500 150 130 111 sepia-brown-600 106 90 74 sepia-brown-700 65 53 41 sepia-brown-800 31 23 15 sepia-brown-900 5 3 2 sepia-brown-950 168 133 95 warm-tan 255 252 249 warm-tan-50 253 248 243 warm-tan-100 248 240 231 warm-tan-200 242 230 215 warm-tan-300 232 216 194 warm-tan-400 168 133 95 warm-tan-500 180 161 136 warm-tan-600 128 112 91 warm-tan-700 79 67 51 warm-tan-800 39 31 21 warm-tan-900 7 5 2 warm-tan-950 203 176 137 parchment-beige 255 253 251 parchment-beige-50 254 251 246 parchment-beige-100 251 246 238 parchment-beige-200 248 240 227 parchment-beige-300 243 231 214 parchment-beige-400 203 176 137 parchment-beige-500 195 182 161 parchment-beige-600 139 128 110 parchment-beige-700 86 78 64 parchment-beige-800 42 37 28 parchment-beige-900 8 6 4 parchment-beige-950 239 228 208 vintage-cream 255 254 253 vintage-cream-50 255 254 252 vintage-cream-100 254 252 249 vintage-cream-200 253 250 245 vintage-cream-300 252 248 240 vintage-cream-400 239 228 208 vintage-cream-500 209 205 196 vintage-cream-600 148 144 137 vintage-cream-700 91 88 83 vintage-cream-800 45 43 39 vintage-cream-900 9 8 7 vintage-cream-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.