← Back to Tools
Explore the D96B43 color - a sun-baked terracotta orange hex code. This palette pairs #D96B43 terracotta with #F2C4A8 peach clay, #708238 mossy sage, #8A3A1F burnt sienna, and #3B2A20 espresso for warm, organic designs.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--terracotta: #D96B43;
--terracotta-50: #fffbf6;
--terracotta-100: #fff5ee;
--terracotta-200: #ffebdf;
--terracotta-300: #ffddca;
--terracotta-400: #ffcbb1;
--terracotta-500: #D96B43;
--terracotta-600: #cb9072;
--terracotta-700: #946349;
--terracotta-800: #5e3925;
--terracotta-900: #30180b;
--terracotta-950: #0a0301;
--peach-clay: #F2C4A8;
--peach-clay-50: #fffefc;
--peach-clay-100: #fffcf9;
--peach-clay-200: #fff8f3;
--peach-clay-300: #fff4eb;
--peach-clay-400: #ffede2;
--peach-clay-500: #F2C4A8;
--peach-clay-600: #d3bfb1;
--peach-clay-700: #97867a;
--peach-clay-800: #5e5149;
--peach-clay-900: #2f2721;
--peach-clay-950: #0a0705;
--mossy-sage: #708238;
--mossy-sage-50: #fbfdf6;
--mossy-sage-100: #f6f9ed;
--mossy-sage-200: #edf2dc;
--mossy-sage-300: #e0e7c6;
--mossy-sage-400: #cfd9aa;
--mossy-sage-500: #708238;
--mossy-sage-600: #94a068;
--mossy-sage-700: #677041;
--mossy-sage-800: #3e441f;
--mossy-sage-900: #1c2008;
--mossy-sage-950: #040501;
--burnt-sienna: #8A3A1F;
--burnt-sienna-50: #fff9f4;
--burnt-sienna-100: #fff1ea;
--burnt-sienna-200: #fae1d5;
--burnt-sienna-300: #f2ccb9;
--burnt-sienna-400: #e5b196;
--burnt-sienna-500: #8A3A1F;
--burnt-sienna-600: #a66c4d;
--burnt-sienna-700: #79482e;
--burnt-sienna-800: #4d2813;
--burnt-sienna-900: #260f03;
--burnt-sienna-950: #070100;
--espresso: #3B2A20;
--espresso-50: #fbf9f7;
--espresso-100: #f4f0ec;
--espresso-200: #e5ded8;
--espresso-300: #d2c6be;
--espresso-400: #b7a79b;
--espresso-500: #3B2A20;
--espresso-600: #705e51;
--espresso-700: #4e4035;
--espresso-800: #2f241c;
--espresso-900: #150d08;
--espresso-950: #020101;
}
$terracotta: #D96B43; $terracotta-50: #fffbf6; $terracotta-100: #fff5ee; $terracotta-200: #ffebdf; $terracotta-300: #ffddca; $terracotta-400: #ffcbb1; $terracotta-500: #D96B43; $terracotta-600: #cb9072; $terracotta-700: #946349; $terracotta-800: #5e3925; $terracotta-900: #30180b; $terracotta-950: #0a0301; $peach-clay: #F2C4A8; $peach-clay-50: #fffefc; $peach-clay-100: #fffcf9; $peach-clay-200: #fff8f3; $peach-clay-300: #fff4eb; $peach-clay-400: #ffede2; $peach-clay-500: #F2C4A8; $peach-clay-600: #d3bfb1; $peach-clay-700: #97867a; $peach-clay-800: #5e5149; $peach-clay-900: #2f2721; $peach-clay-950: #0a0705; $mossy-sage: #708238; $mossy-sage-50: #fbfdf6; $mossy-sage-100: #f6f9ed; $mossy-sage-200: #edf2dc; $mossy-sage-300: #e0e7c6; $mossy-sage-400: #cfd9aa; $mossy-sage-500: #708238; $mossy-sage-600: #94a068; $mossy-sage-700: #677041; $mossy-sage-800: #3e441f; $mossy-sage-900: #1c2008; $mossy-sage-950: #040501; $burnt-sienna: #8A3A1F; $burnt-sienna-50: #fff9f4; $burnt-sienna-100: #fff1ea; $burnt-sienna-200: #fae1d5; $burnt-sienna-300: #f2ccb9; $burnt-sienna-400: #e5b196; $burnt-sienna-500: #8A3A1F; $burnt-sienna-600: #a66c4d; $burnt-sienna-700: #79482e; $burnt-sienna-800: #4d2813; $burnt-sienna-900: #260f03; $burnt-sienna-950: #070100; $espresso: #3B2A20; $espresso-50: #fbf9f7; $espresso-100: #f4f0ec; $espresso-200: #e5ded8; $espresso-300: #d2c6be; $espresso-400: #b7a79b; $espresso-500: #3B2A20; $espresso-600: #705e51; $espresso-700: #4e4035; $espresso-800: #2f241c; $espresso-900: #150d08; $espresso-950: #020101;
colors: {
'terracotta': {
50: '#fffbf6',
100: '#fff5ee',
200: '#ffebdf',
300: '#ffddca',
400: '#ffcbb1',
500: '#D96B43',
600: '#cb9072',
700: '#946349',
800: '#5e3925',
900: '#30180b',
950: '#0a0301',
DEFAULT: '#D96B43',
},
'peach-clay': {
50: '#fffefc',
100: '#fffcf9',
200: '#fff8f3',
300: '#fff4eb',
400: '#ffede2',
500: '#F2C4A8',
600: '#d3bfb1',
700: '#97867a',
800: '#5e5149',
900: '#2f2721',
950: '#0a0705',
DEFAULT: '#F2C4A8',
},
'mossy-sage': {
50: '#fbfdf6',
100: '#f6f9ed',
200: '#edf2dc',
300: '#e0e7c6',
400: '#cfd9aa',
500: '#708238',
600: '#94a068',
700: '#677041',
800: '#3e441f',
900: '#1c2008',
950: '#040501',
DEFAULT: '#708238',
},
'burnt-sienna': {
50: '#fff9f4',
100: '#fff1ea',
200: '#fae1d5',
300: '#f2ccb9',
400: '#e5b196',
500: '#8A3A1F',
600: '#a66c4d',
700: '#79482e',
800: '#4d2813',
900: '#260f03',
950: '#070100',
DEFAULT: '#8A3A1F',
},
'espresso': {
50: '#fbf9f7',
100: '#f4f0ec',
200: '#e5ded8',
300: '#d2c6be',
400: '#b7a79b',
500: '#3B2A20',
600: '#705e51',
700: '#4e4035',
800: '#2f241c',
900: '#150d08',
950: '#020101',
DEFAULT: '#3B2A20',
},
},
[
{
"name": "terracotta",
"harmony": "Palette",
"hex": "#D96B43",
"rgb": {
"r": 217,
"g": 107,
"b": 67
},
"hsl": {
"h": 16,
"s": 66,
"l": 56
},
"value": "#D96B43",
"tonalScale": {
"50": {
"hex": "#fffbf6",
"rgb": {
"r": 255,
"g": 251,
"b": 246
}
},
"100": {
"hex": "#fff5ee",
"rgb": {
"r": 255,
"g": 245,
"b": 238
}
},
"200": {
"hex": "#ffebdf",
"rgb": {
"r": 255,
"g": 235,
"b": 223
}
},
"300": {
"hex": "#ffddca",
"rgb": {
"r": 255,
"g": 221,
"b": 202
}
},
"400": {
"hex": "#ffcbb1",
"rgb": {
"r": 255,
"g": 203,
"b": 177
}
},
"500": {
"hex": "#D96B43",
"rgb": {
"r": 217,
"g": 107,
"b": 67
}
},
"600": {
"hex": "#cb9072",
"rgb": {
"r": 203,
"g": 144,
"b": 114
}
},
"700": {
"hex": "#946349",
"rgb": {
"r": 148,
"g": 99,
"b": 73
}
},
"800": {
"hex": "#5e3925",
"rgb": {
"r": 94,
"g": 57,
"b": 37
}
},
"900": {
"hex": "#30180b",
"rgb": {
"r": 48,
"g": 24,
"b": 11
}
},
"950": {
"hex": "#0a0301",
"rgb": {
"r": 10,
"g": 3,
"b": 1
}
}
}
},
{
"name": "peach-clay",
"harmony": "Palette",
"hex": "#F2C4A8",
"rgb": {
"r": 242,
"g": 196,
"b": 168
},
"hsl": {
"h": 23,
"s": 74,
"l": 80
},
"value": "#F2C4A8",
"tonalScale": {
"50": {
"hex": "#fffefc",
"rgb": {
"r": 255,
"g": 254,
"b": 252
}
},
"100": {
"hex": "#fffcf9",
"rgb": {
"r": 255,
"g": 252,
"b": 249
}
},
"200": {
"hex": "#fff8f3",
"rgb": {
"r": 255,
"g": 248,
"b": 243
}
},
"300": {
"hex": "#fff4eb",
"rgb": {
"r": 255,
"g": 244,
"b": 235
}
},
"400": {
"hex": "#ffede2",
"rgb": {
"r": 255,
"g": 237,
"b": 226
}
},
"500": {
"hex": "#F2C4A8",
"rgb": {
"r": 242,
"g": 196,
"b": 168
}
},
"600": {
"hex": "#d3bfb1",
"rgb": {
"r": 211,
"g": 191,
"b": 177
}
},
"700": {
"hex": "#97867a",
"rgb": {
"r": 151,
"g": 134,
"b": 122
}
},
"800": {
"hex": "#5e5149",
"rgb": {
"r": 94,
"g": 81,
"b": 73
}
},
"900": {
"hex": "#2f2721",
"rgb": {
"r": 47,
"g": 39,
"b": 33
}
},
"950": {
"hex": "#0a0705",
"rgb": {
"r": 10,
"g": 7,
"b": 5
}
}
}
},
{
"name": "mossy-sage",
"harmony": "Palette",
"hex": "#708238",
"rgb": {
"r": 112,
"g": 130,
"b": 56
},
"hsl": {
"h": 75,
"s": 40,
"l": 36
},
"value": "#708238",
"tonalScale": {
"50": {
"hex": "#fbfdf6",
"rgb": {
"r": 251,
"g": 253,
"b": 246
}
},
"100": {
"hex": "#f6f9ed",
"rgb": {
"r": 246,
"g": 249,
"b": 237
}
},
"200": {
"hex": "#edf2dc",
"rgb": {
"r": 237,
"g": 242,
"b": 220
}
},
"300": {
"hex": "#e0e7c6",
"rgb": {
"r": 224,
"g": 231,
"b": 198
}
},
"400": {
"hex": "#cfd9aa",
"rgb": {
"r": 207,
"g": 217,
"b": 170
}
},
"500": {
"hex": "#708238",
"rgb": {
"r": 112,
"g": 130,
"b": 56
}
},
"600": {
"hex": "#94a068",
"rgb": {
"r": 148,
"g": 160,
"b": 104
}
},
"700": {
"hex": "#677041",
"rgb": {
"r": 103,
"g": 112,
"b": 65
}
},
"800": {
"hex": "#3e441f",
"rgb": {
"r": 62,
"g": 68,
"b": 31
}
},
"900": {
"hex": "#1c2008",
"rgb": {
"r": 28,
"g": 32,
"b": 8
}
},
"950": {
"hex": "#040501",
"rgb": {
"r": 4,
"g": 5,
"b": 1
}
}
}
},
{
"name": "burnt-sienna",
"harmony": "Palette",
"hex": "#8A3A1F",
"rgb": {
"r": 138,
"g": 58,
"b": 31
},
"hsl": {
"h": 15,
"s": 63,
"l": 33
},
"value": "#8A3A1F",
"tonalScale": {
"50": {
"hex": "#fff9f4",
"rgb": {
"r": 255,
"g": 249,
"b": 244
}
},
"100": {
"hex": "#fff1ea",
"rgb": {
"r": 255,
"g": 241,
"b": 234
}
},
"200": {
"hex": "#fae1d5",
"rgb": {
"r": 250,
"g": 225,
"b": 213
}
},
"300": {
"hex": "#f2ccb9",
"rgb": {
"r": 242,
"g": 204,
"b": 185
}
},
"400": {
"hex": "#e5b196",
"rgb": {
"r": 229,
"g": 177,
"b": 150
}
},
"500": {
"hex": "#8A3A1F",
"rgb": {
"r": 138,
"g": 58,
"b": 31
}
},
"600": {
"hex": "#a66c4d",
"rgb": {
"r": 166,
"g": 108,
"b": 77
}
},
"700": {
"hex": "#79482e",
"rgb": {
"r": 121,
"g": 72,
"b": 46
}
},
"800": {
"hex": "#4d2813",
"rgb": {
"r": 77,
"g": 40,
"b": 19
}
},
"900": {
"hex": "#260f03",
"rgb": {
"r": 38,
"g": 15,
"b": 3
}
},
"950": {
"hex": "#070100",
"rgb": {
"r": 7,
"g": 1,
"b": 0
}
}
}
},
{
"name": "espresso",
"harmony": "Palette",
"hex": "#3B2A20",
"rgb": {
"r": 59,
"g": 42,
"b": 32
},
"hsl": {
"h": 22,
"s": 30,
"l": 18
},
"value": "#3B2A20",
"tonalScale": {
"50": {
"hex": "#fbf9f7",
"rgb": {
"r": 251,
"g": 249,
"b": 247
}
},
"100": {
"hex": "#f4f0ec",
"rgb": {
"r": 244,
"g": 240,
"b": 236
}
},
"200": {
"hex": "#e5ded8",
"rgb": {
"r": 229,
"g": 222,
"b": 216
}
},
"300": {
"hex": "#d2c6be",
"rgb": {
"r": 210,
"g": 198,
"b": 190
}
},
"400": {
"hex": "#b7a79b",
"rgb": {
"r": 183,
"g": 167,
"b": 155
}
},
"500": {
"hex": "#3B2A20",
"rgb": {
"r": 59,
"g": 42,
"b": 32
}
},
"600": {
"hex": "#705e51",
"rgb": {
"r": 112,
"g": 94,
"b": 81
}
},
"700": {
"hex": "#4e4035",
"rgb": {
"r": 78,
"g": 64,
"b": 53
}
},
"800": {
"hex": "#2f241c",
"rgb": {
"r": 47,
"g": 36,
"b": 28
}
},
"900": {
"hex": "#150d08",
"rgb": {
"r": 21,
"g": 13,
"b": 8
}
},
"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 terracotta,Palette,#D96B43,"rgb(217, 107, 67)","hsl(16, 66%, 56%)",#D96B43,#fffbf6,#fff5ee,#ffebdf,#ffddca,#ffcbb1,#D96B43,#cb9072,#946349,#5e3925,#30180b,#0a0301 peach-clay,Palette,#F2C4A8,"rgb(242, 196, 168)","hsl(23, 74%, 80%)",#F2C4A8,#fffefc,#fffcf9,#fff8f3,#fff4eb,#ffede2,#F2C4A8,#d3bfb1,#97867a,#5e5149,#2f2721,#0a0705 mossy-sage,Palette,#708238,"rgb(112, 130, 56)","hsl(75, 40%, 36%)",#708238,#fbfdf6,#f6f9ed,#edf2dc,#e0e7c6,#cfd9aa,#708238,#94a068,#677041,#3e441f,#1c2008,#040501 burnt-sienna,Palette,#8A3A1F,"rgb(138, 58, 31)","hsl(15, 63%, 33%)",#8A3A1F,#fff9f4,#fff1ea,#fae1d5,#f2ccb9,#e5b196,#8A3A1F,#a66c4d,#79482e,#4d2813,#260f03,#070100 espresso,Palette,#3B2A20,"rgb(59, 42, 32)","hsl(22, 30%, 18%)",#3B2A20,#fbf9f7,#f4f0ec,#e5ded8,#d2c6be,#b7a79b,#3B2A20,#705e51,#4e4035,#2f241c,#150d08,#020101
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 217 107 67 terracotta 255 251 246 terracotta-50 255 245 238 terracotta-100 255 235 223 terracotta-200 255 221 202 terracotta-300 255 203 177 terracotta-400 217 107 67 terracotta-500 203 144 114 terracotta-600 148 99 73 terracotta-700 94 57 37 terracotta-800 48 24 11 terracotta-900 10 3 1 terracotta-950 242 196 168 peach-clay 255 254 252 peach-clay-50 255 252 249 peach-clay-100 255 248 243 peach-clay-200 255 244 235 peach-clay-300 255 237 226 peach-clay-400 242 196 168 peach-clay-500 211 191 177 peach-clay-600 151 134 122 peach-clay-700 94 81 73 peach-clay-800 47 39 33 peach-clay-900 10 7 5 peach-clay-950 112 130 56 mossy-sage 251 253 246 mossy-sage-50 246 249 237 mossy-sage-100 237 242 220 mossy-sage-200 224 231 198 mossy-sage-300 207 217 170 mossy-sage-400 112 130 56 mossy-sage-500 148 160 104 mossy-sage-600 103 112 65 mossy-sage-700 62 68 31 mossy-sage-800 28 32 8 mossy-sage-900 4 5 1 mossy-sage-950 138 58 31 burnt-sienna 255 249 244 burnt-sienna-50 255 241 234 burnt-sienna-100 250 225 213 burnt-sienna-200 242 204 185 burnt-sienna-300 229 177 150 burnt-sienna-400 138 58 31 burnt-sienna-500 166 108 77 burnt-sienna-600 121 72 46 burnt-sienna-700 77 40 19 burnt-sienna-800 38 15 3 burnt-sienna-900 7 1 0 burnt-sienna-950 59 42 32 espresso 251 249 247 espresso-50 244 240 236 espresso-100 229 222 216 espresso-200 210 198 190 espresso-300 183 167 155 espresso-400 59 42 32 espresso-500 112 94 81 espresso-600 78 64 53 espresso-700 47 36 28 espresso-800 21 13 8 espresso-900 2 1 1 espresso-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.