← Back to Tools
Design warm, tactile lifestyle and editorial branding with this warm stone palette featuring #EDE8E1 linen, #C9BFB0 warm sand, #A89880 greige, #7A6654 umber, and #3D2E22 dark bark.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--warm-sand: #C9BFB0;
--warm-sand-50: #fefefd;
--warm-sand-100: #fdfcfa;
--warm-sand-200: #faf8f5;
--warm-sand-300: #f6f3ef;
--warm-sand-400: #f1ece6;
--warm-sand-500: #C9BFB0;
--warm-sand-600: #c2bdb6;
--warm-sand-700: #89857f;
--warm-sand-800: #54514c;
--warm-sand-900: #292724;
--warm-sand-950: #070706;
--greige: #A89880;
--greige-50: #fefdfb;
--greige-100: #fcfaf7;
--greige-200: #f7f3ee;
--greige-300: #f0ebe2;
--greige-400: #e7dfd3;
--greige-500: #A89880;
--greige-600: #b3ab9d;
--greige-700: #7f786c;
--greige-800: #4e4840;
--greige-900: #25221c;
--greige-950: #060504;
--umber: #7A6654;
--umber-50: #fdfbf9;
--umber-100: #f9f6f3;
--umber-200: #f1ebe6;
--umber-300: #e6ddd5;
--umber-400: #d6cbbf;
--umber-500: #7A6654;
--umber-600: #9b8e81;
--umber-700: #6e6358;
--umber-800: #433b32;
--umber-900: #201a15;
--umber-950: #050402;
--dark-bark: #3D2E22;
--dark-bark-50: #fbf9f7;
--dark-bark-100: #f4f0ed;
--dark-bark-200: #e5dfd9;
--dark-bark-300: #d2c8bf;
--dark-bark-400: #b8aa9d;
--dark-bark-500: #3D2E22;
--dark-bark-600: #716254;
--dark-bark-700: #4f4337;
--dark-bark-800: #30261d;
--dark-bark-900: #150f09;
--dark-bark-950: #030201;
--linen: #EDE8E1;
--linen-50: #fffffe;
--linen-100: #fefefd;
--linen-200: #fdfdfc;
--linen-300: #fcfbf9;
--linen-400: #fbf9f6;
--linen-500: #EDE8E1;
--linen-600: #d1cecb;
--linen-700: #93928f;
--linen-800: #5b5957;
--linen-900: #2c2b2a;
--linen-950: #090808;
}
$warm-sand: #C9BFB0; $warm-sand-50: #fefefd; $warm-sand-100: #fdfcfa; $warm-sand-200: #faf8f5; $warm-sand-300: #f6f3ef; $warm-sand-400: #f1ece6; $warm-sand-500: #C9BFB0; $warm-sand-600: #c2bdb6; $warm-sand-700: #89857f; $warm-sand-800: #54514c; $warm-sand-900: #292724; $warm-sand-950: #070706; $greige: #A89880; $greige-50: #fefdfb; $greige-100: #fcfaf7; $greige-200: #f7f3ee; $greige-300: #f0ebe2; $greige-400: #e7dfd3; $greige-500: #A89880; $greige-600: #b3ab9d; $greige-700: #7f786c; $greige-800: #4e4840; $greige-900: #25221c; $greige-950: #060504; $umber: #7A6654; $umber-50: #fdfbf9; $umber-100: #f9f6f3; $umber-200: #f1ebe6; $umber-300: #e6ddd5; $umber-400: #d6cbbf; $umber-500: #7A6654; $umber-600: #9b8e81; $umber-700: #6e6358; $umber-800: #433b32; $umber-900: #201a15; $umber-950: #050402; $dark-bark: #3D2E22; $dark-bark-50: #fbf9f7; $dark-bark-100: #f4f0ed; $dark-bark-200: #e5dfd9; $dark-bark-300: #d2c8bf; $dark-bark-400: #b8aa9d; $dark-bark-500: #3D2E22; $dark-bark-600: #716254; $dark-bark-700: #4f4337; $dark-bark-800: #30261d; $dark-bark-900: #150f09; $dark-bark-950: #030201; $linen: #EDE8E1; $linen-50: #fffffe; $linen-100: #fefefd; $linen-200: #fdfdfc; $linen-300: #fcfbf9; $linen-400: #fbf9f6; $linen-500: #EDE8E1; $linen-600: #d1cecb; $linen-700: #93928f; $linen-800: #5b5957; $linen-900: #2c2b2a; $linen-950: #090808;
colors: {
'warm-sand': {
50: '#fefefd',
100: '#fdfcfa',
200: '#faf8f5',
300: '#f6f3ef',
400: '#f1ece6',
500: '#C9BFB0',
600: '#c2bdb6',
700: '#89857f',
800: '#54514c',
900: '#292724',
950: '#070706',
DEFAULT: '#C9BFB0',
},
'greige': {
50: '#fefdfb',
100: '#fcfaf7',
200: '#f7f3ee',
300: '#f0ebe2',
400: '#e7dfd3',
500: '#A89880',
600: '#b3ab9d',
700: '#7f786c',
800: '#4e4840',
900: '#25221c',
950: '#060504',
DEFAULT: '#A89880',
},
'umber': {
50: '#fdfbf9',
100: '#f9f6f3',
200: '#f1ebe6',
300: '#e6ddd5',
400: '#d6cbbf',
500: '#7A6654',
600: '#9b8e81',
700: '#6e6358',
800: '#433b32',
900: '#201a15',
950: '#050402',
DEFAULT: '#7A6654',
},
'dark-bark': {
50: '#fbf9f7',
100: '#f4f0ed',
200: '#e5dfd9',
300: '#d2c8bf',
400: '#b8aa9d',
500: '#3D2E22',
600: '#716254',
700: '#4f4337',
800: '#30261d',
900: '#150f09',
950: '#030201',
DEFAULT: '#3D2E22',
},
'linen': {
50: '#fffffe',
100: '#fefefd',
200: '#fdfdfc',
300: '#fcfbf9',
400: '#fbf9f6',
500: '#EDE8E1',
600: '#d1cecb',
700: '#93928f',
800: '#5b5957',
900: '#2c2b2a',
950: '#090808',
DEFAULT: '#EDE8E1',
},
},
[
{
"name": "warm-sand",
"harmony": "Palette",
"hex": "#C9BFB0",
"rgb": {
"r": 201,
"g": 191,
"b": 176
},
"hsl": {
"h": 36,
"s": 19,
"l": 74
},
"value": "#C9BFB0",
"tonalScale": {
"50": {
"hex": "#fefefd",
"rgb": {
"r": 254,
"g": 254,
"b": 253
}
},
"100": {
"hex": "#fdfcfa",
"rgb": {
"r": 253,
"g": 252,
"b": 250
}
},
"200": {
"hex": "#faf8f5",
"rgb": {
"r": 250,
"g": 248,
"b": 245
}
},
"300": {
"hex": "#f6f3ef",
"rgb": {
"r": 246,
"g": 243,
"b": 239
}
},
"400": {
"hex": "#f1ece6",
"rgb": {
"r": 241,
"g": 236,
"b": 230
}
},
"500": {
"hex": "#C9BFB0",
"rgb": {
"r": 201,
"g": 191,
"b": 176
}
},
"600": {
"hex": "#c2bdb6",
"rgb": {
"r": 194,
"g": 189,
"b": 182
}
},
"700": {
"hex": "#89857f",
"rgb": {
"r": 137,
"g": 133,
"b": 127
}
},
"800": {
"hex": "#54514c",
"rgb": {
"r": 84,
"g": 81,
"b": 76
}
},
"900": {
"hex": "#292724",
"rgb": {
"r": 41,
"g": 39,
"b": 36
}
},
"950": {
"hex": "#070706",
"rgb": {
"r": 7,
"g": 7,
"b": 6
}
}
}
},
{
"name": "greige",
"harmony": "Palette",
"hex": "#A89880",
"rgb": {
"r": 168,
"g": 152,
"b": 128
},
"hsl": {
"h": 36,
"s": 19,
"l": 58
},
"value": "#A89880",
"tonalScale": {
"50": {
"hex": "#fefdfb",
"rgb": {
"r": 254,
"g": 253,
"b": 251
}
},
"100": {
"hex": "#fcfaf7",
"rgb": {
"r": 252,
"g": 250,
"b": 247
}
},
"200": {
"hex": "#f7f3ee",
"rgb": {
"r": 247,
"g": 243,
"b": 238
}
},
"300": {
"hex": "#f0ebe2",
"rgb": {
"r": 240,
"g": 235,
"b": 226
}
},
"400": {
"hex": "#e7dfd3",
"rgb": {
"r": 231,
"g": 223,
"b": 211
}
},
"500": {
"hex": "#A89880",
"rgb": {
"r": 168,
"g": 152,
"b": 128
}
},
"600": {
"hex": "#b3ab9d",
"rgb": {
"r": 179,
"g": 171,
"b": 157
}
},
"700": {
"hex": "#7f786c",
"rgb": {
"r": 127,
"g": 120,
"b": 108
}
},
"800": {
"hex": "#4e4840",
"rgb": {
"r": 78,
"g": 72,
"b": 64
}
},
"900": {
"hex": "#25221c",
"rgb": {
"r": 37,
"g": 34,
"b": 28
}
},
"950": {
"hex": "#060504",
"rgb": {
"r": 6,
"g": 5,
"b": 4
}
}
}
},
{
"name": "umber",
"harmony": "Palette",
"hex": "#7A6654",
"rgb": {
"r": 122,
"g": 102,
"b": 84
},
"hsl": {
"h": 28,
"s": 18,
"l": 40
},
"value": "#7A6654",
"tonalScale": {
"50": {
"hex": "#fdfbf9",
"rgb": {
"r": 253,
"g": 251,
"b": 249
}
},
"100": {
"hex": "#f9f6f3",
"rgb": {
"r": 249,
"g": 246,
"b": 243
}
},
"200": {
"hex": "#f1ebe6",
"rgb": {
"r": 241,
"g": 235,
"b": 230
}
},
"300": {
"hex": "#e6ddd5",
"rgb": {
"r": 230,
"g": 221,
"b": 213
}
},
"400": {
"hex": "#d6cbbf",
"rgb": {
"r": 214,
"g": 203,
"b": 191
}
},
"500": {
"hex": "#7A6654",
"rgb": {
"r": 122,
"g": 102,
"b": 84
}
},
"600": {
"hex": "#9b8e81",
"rgb": {
"r": 155,
"g": 142,
"b": 129
}
},
"700": {
"hex": "#6e6358",
"rgb": {
"r": 110,
"g": 99,
"b": 88
}
},
"800": {
"hex": "#433b32",
"rgb": {
"r": 67,
"g": 59,
"b": 50
}
},
"900": {
"hex": "#201a15",
"rgb": {
"r": 32,
"g": 26,
"b": 21
}
},
"950": {
"hex": "#050402",
"rgb": {
"r": 5,
"g": 4,
"b": 2
}
}
}
},
{
"name": "dark-bark",
"harmony": "Palette",
"hex": "#3D2E22",
"rgb": {
"r": 61,
"g": 46,
"b": 34
},
"hsl": {
"h": 27,
"s": 28,
"l": 19
},
"value": "#3D2E22",
"tonalScale": {
"50": {
"hex": "#fbf9f7",
"rgb": {
"r": 251,
"g": 249,
"b": 247
}
},
"100": {
"hex": "#f4f0ed",
"rgb": {
"r": 244,
"g": 240,
"b": 237
}
},
"200": {
"hex": "#e5dfd9",
"rgb": {
"r": 229,
"g": 223,
"b": 217
}
},
"300": {
"hex": "#d2c8bf",
"rgb": {
"r": 210,
"g": 200,
"b": 191
}
},
"400": {
"hex": "#b8aa9d",
"rgb": {
"r": 184,
"g": 170,
"b": 157
}
},
"500": {
"hex": "#3D2E22",
"rgb": {
"r": 61,
"g": 46,
"b": 34
}
},
"600": {
"hex": "#716254",
"rgb": {
"r": 113,
"g": 98,
"b": 84
}
},
"700": {
"hex": "#4f4337",
"rgb": {
"r": 79,
"g": 67,
"b": 55
}
},
"800": {
"hex": "#30261d",
"rgb": {
"r": 48,
"g": 38,
"b": 29
}
},
"900": {
"hex": "#150f09",
"rgb": {
"r": 21,
"g": 15,
"b": 9
}
},
"950": {
"hex": "#030201",
"rgb": {
"r": 3,
"g": 2,
"b": 1
}
}
}
},
{
"name": "linen",
"harmony": "Palette",
"hex": "#EDE8E1",
"rgb": {
"r": 237,
"g": 232,
"b": 225
},
"hsl": {
"h": 35,
"s": 25,
"l": 91
},
"value": "#EDE8E1",
"tonalScale": {
"50": {
"hex": "#fffffe",
"rgb": {
"r": 255,
"g": 255,
"b": 254
}
},
"100": {
"hex": "#fefefd",
"rgb": {
"r": 254,
"g": 254,
"b": 253
}
},
"200": {
"hex": "#fdfdfc",
"rgb": {
"r": 253,
"g": 253,
"b": 252
}
},
"300": {
"hex": "#fcfbf9",
"rgb": {
"r": 252,
"g": 251,
"b": 249
}
},
"400": {
"hex": "#fbf9f6",
"rgb": {
"r": 251,
"g": 249,
"b": 246
}
},
"500": {
"hex": "#EDE8E1",
"rgb": {
"r": 237,
"g": 232,
"b": 225
}
},
"600": {
"hex": "#d1cecb",
"rgb": {
"r": 209,
"g": 206,
"b": 203
}
},
"700": {
"hex": "#93928f",
"rgb": {
"r": 147,
"g": 146,
"b": 143
}
},
"800": {
"hex": "#5b5957",
"rgb": {
"r": 91,
"g": 89,
"b": 87
}
},
"900": {
"hex": "#2c2b2a",
"rgb": {
"r": 44,
"g": 43,
"b": 42
}
},
"950": {
"hex": "#090808",
"rgb": {
"r": 9,
"g": 8,
"b": 8
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 warm-sand,Palette,#C9BFB0,"rgb(201, 191, 176)","hsl(36, 19%, 74%)",#C9BFB0,#fefefd,#fdfcfa,#faf8f5,#f6f3ef,#f1ece6,#C9BFB0,#c2bdb6,#89857f,#54514c,#292724,#070706 greige,Palette,#A89880,"rgb(168, 152, 128)","hsl(36, 19%, 58%)",#A89880,#fefdfb,#fcfaf7,#f7f3ee,#f0ebe2,#e7dfd3,#A89880,#b3ab9d,#7f786c,#4e4840,#25221c,#060504 umber,Palette,#7A6654,"rgb(122, 102, 84)","hsl(28, 18%, 40%)",#7A6654,#fdfbf9,#f9f6f3,#f1ebe6,#e6ddd5,#d6cbbf,#7A6654,#9b8e81,#6e6358,#433b32,#201a15,#050402 dark-bark,Palette,#3D2E22,"rgb(61, 46, 34)","hsl(27, 28%, 19%)",#3D2E22,#fbf9f7,#f4f0ed,#e5dfd9,#d2c8bf,#b8aa9d,#3D2E22,#716254,#4f4337,#30261d,#150f09,#030201 linen,Palette,#EDE8E1,"rgb(237, 232, 225)","hsl(35, 25%, 91%)",#EDE8E1,#fffffe,#fefefd,#fdfdfc,#fcfbf9,#fbf9f6,#EDE8E1,#d1cecb,#93928f,#5b5957,#2c2b2a,#090808
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 201 191 176 warm-sand 254 254 253 warm-sand-50 253 252 250 warm-sand-100 250 248 245 warm-sand-200 246 243 239 warm-sand-300 241 236 230 warm-sand-400 201 191 176 warm-sand-500 194 189 182 warm-sand-600 137 133 127 warm-sand-700 84 81 76 warm-sand-800 41 39 36 warm-sand-900 7 7 6 warm-sand-950 168 152 128 greige 254 253 251 greige-50 252 250 247 greige-100 247 243 238 greige-200 240 235 226 greige-300 231 223 211 greige-400 168 152 128 greige-500 179 171 157 greige-600 127 120 108 greige-700 78 72 64 greige-800 37 34 28 greige-900 6 5 4 greige-950 122 102 84 umber 253 251 249 umber-50 249 246 243 umber-100 241 235 230 umber-200 230 221 213 umber-300 214 203 191 umber-400 122 102 84 umber-500 155 142 129 umber-600 110 99 88 umber-700 67 59 50 umber-800 32 26 21 umber-900 5 4 2 umber-950 61 46 34 dark-bark 251 249 247 dark-bark-50 244 240 237 dark-bark-100 229 223 217 dark-bark-200 210 200 191 dark-bark-300 184 170 157 dark-bark-400 61 46 34 dark-bark-500 113 98 84 dark-bark-600 79 67 55 dark-bark-700 48 38 29 dark-bark-800 21 15 9 dark-bark-900 3 2 1 dark-bark-950 237 232 225 linen 255 255 254 linen-50 254 254 253 linen-100 253 253 252 linen-200 252 251 249 linen-300 251 249 246 linen-400 237 232 225 linen-500 209 206 203 linen-600 147 146 143 linen-700 91 89 87 linen-800 44 43 42 linen-900 9 8 8 linen-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.