← Back to Tools
Formulate high-end fashion tones using linen neutrals and dark charcoals, merging soft raw linen (#EAE6DF), rich warm taupe (#8C8275), and deep onyx charcoal (#1A1A1A).
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--soft-raw-linen: #EAE6DF;
--soft-raw-linen-50: #fffffe;
--soft-raw-linen-100: #fefefd;
--soft-raw-linen-200: #fdfcfb;
--soft-raw-linen-300: #fcfbf9;
--soft-raw-linen-400: #faf8f6;
--soft-raw-linen-500: #EAE6DF;
--soft-raw-linen-600: #cfcecb;
--soft-raw-linen-700: #93918f;
--soft-raw-linen-800: #5a5957;
--soft-raw-linen-900: #2c2b2a;
--soft-raw-linen-950: #080808;
--rich-warm-taupe: #8C8275;
--rich-warm-taupe-50: #fdfcfb;
--rich-warm-taupe-100: #faf8f6;
--rich-warm-taupe-200: #f2f0ed;
--rich-warm-taupe-300: #e9e5e0;
--rich-warm-taupe-400: #dcd7d0;
--rich-warm-taupe-500: #8C8275;
--rich-warm-taupe-600: #a59f97;
--rich-warm-taupe-700: #746f69;
--rich-warm-taupe-800: #47433e;
--rich-warm-taupe-900: #211f1c;
--rich-warm-taupe-950: #050504;
--deep-onyx-charcoal: #1A1A1A;
--deep-onyx-charcoal-50: #f8f8f8;
--deep-onyx-charcoal-100: #ededed;
--deep-onyx-charcoal-200: #d8d8d8;
--deep-onyx-charcoal-300: #bdbdbd;
--deep-onyx-charcoal-400: #989898;
--deep-onyx-charcoal-500: #1A1A1A;
--deep-onyx-charcoal-600: #4b4b4b;
--deep-onyx-charcoal-700: #323232;
--deep-onyx-charcoal-800: #1b1b1b;
--deep-onyx-charcoal-900: #090909;
--deep-onyx-charcoal-950: #010101;
}
$soft-raw-linen: #EAE6DF; $soft-raw-linen-50: #fffffe; $soft-raw-linen-100: #fefefd; $soft-raw-linen-200: #fdfcfb; $soft-raw-linen-300: #fcfbf9; $soft-raw-linen-400: #faf8f6; $soft-raw-linen-500: #EAE6DF; $soft-raw-linen-600: #cfcecb; $soft-raw-linen-700: #93918f; $soft-raw-linen-800: #5a5957; $soft-raw-linen-900: #2c2b2a; $soft-raw-linen-950: #080808; $rich-warm-taupe: #8C8275; $rich-warm-taupe-50: #fdfcfb; $rich-warm-taupe-100: #faf8f6; $rich-warm-taupe-200: #f2f0ed; $rich-warm-taupe-300: #e9e5e0; $rich-warm-taupe-400: #dcd7d0; $rich-warm-taupe-500: #8C8275; $rich-warm-taupe-600: #a59f97; $rich-warm-taupe-700: #746f69; $rich-warm-taupe-800: #47433e; $rich-warm-taupe-900: #211f1c; $rich-warm-taupe-950: #050504; $deep-onyx-charcoal: #1A1A1A; $deep-onyx-charcoal-50: #f8f8f8; $deep-onyx-charcoal-100: #ededed; $deep-onyx-charcoal-200: #d8d8d8; $deep-onyx-charcoal-300: #bdbdbd; $deep-onyx-charcoal-400: #989898; $deep-onyx-charcoal-500: #1A1A1A; $deep-onyx-charcoal-600: #4b4b4b; $deep-onyx-charcoal-700: #323232; $deep-onyx-charcoal-800: #1b1b1b; $deep-onyx-charcoal-900: #090909; $deep-onyx-charcoal-950: #010101;
colors: {
'soft-raw-linen': {
50: '#fffffe',
100: '#fefefd',
200: '#fdfcfb',
300: '#fcfbf9',
400: '#faf8f6',
500: '#EAE6DF',
600: '#cfcecb',
700: '#93918f',
800: '#5a5957',
900: '#2c2b2a',
950: '#080808',
DEFAULT: '#EAE6DF',
},
'rich-warm-taupe': {
50: '#fdfcfb',
100: '#faf8f6',
200: '#f2f0ed',
300: '#e9e5e0',
400: '#dcd7d0',
500: '#8C8275',
600: '#a59f97',
700: '#746f69',
800: '#47433e',
900: '#211f1c',
950: '#050504',
DEFAULT: '#8C8275',
},
'deep-onyx-charcoal': {
50: '#f8f8f8',
100: '#ededed',
200: '#d8d8d8',
300: '#bdbdbd',
400: '#989898',
500: '#1A1A1A',
600: '#4b4b4b',
700: '#323232',
800: '#1b1b1b',
900: '#090909',
950: '#010101',
DEFAULT: '#1A1A1A',
},
},
[
{
"name": "soft-raw-linen",
"harmony": "Palette",
"hex": "#EAE6DF",
"rgb": {
"r": 234,
"g": 230,
"b": 223
},
"hsl": {
"h": 38,
"s": 21,
"l": 90
},
"value": "#EAE6DF",
"tonalScale": {
"50": {
"hex": "#fffffe",
"rgb": {
"r": 255,
"g": 255,
"b": 254
}
},
"100": {
"hex": "#fefefd",
"rgb": {
"r": 254,
"g": 254,
"b": 253
}
},
"200": {
"hex": "#fdfcfb",
"rgb": {
"r": 253,
"g": 252,
"b": 251
}
},
"300": {
"hex": "#fcfbf9",
"rgb": {
"r": 252,
"g": 251,
"b": 249
}
},
"400": {
"hex": "#faf8f6",
"rgb": {
"r": 250,
"g": 248,
"b": 246
}
},
"500": {
"hex": "#EAE6DF",
"rgb": {
"r": 234,
"g": 230,
"b": 223
}
},
"600": {
"hex": "#cfcecb",
"rgb": {
"r": 207,
"g": 206,
"b": 203
}
},
"700": {
"hex": "#93918f",
"rgb": {
"r": 147,
"g": 145,
"b": 143
}
},
"800": {
"hex": "#5a5957",
"rgb": {
"r": 90,
"g": 89,
"b": 87
}
},
"900": {
"hex": "#2c2b2a",
"rgb": {
"r": 44,
"g": 43,
"b": 42
}
},
"950": {
"hex": "#080808",
"rgb": {
"r": 8,
"g": 8,
"b": 8
}
}
}
},
{
"name": "rich-warm-taupe",
"harmony": "Palette",
"hex": "#8C8275",
"rgb": {
"r": 140,
"g": 130,
"b": 117
},
"hsl": {
"h": 34,
"s": 9,
"l": 50
},
"value": "#8C8275",
"tonalScale": {
"50": {
"hex": "#fdfcfb",
"rgb": {
"r": 253,
"g": 252,
"b": 251
}
},
"100": {
"hex": "#faf8f6",
"rgb": {
"r": 250,
"g": 248,
"b": 246
}
},
"200": {
"hex": "#f2f0ed",
"rgb": {
"r": 242,
"g": 240,
"b": 237
}
},
"300": {
"hex": "#e9e5e0",
"rgb": {
"r": 233,
"g": 229,
"b": 224
}
},
"400": {
"hex": "#dcd7d0",
"rgb": {
"r": 220,
"g": 215,
"b": 208
}
},
"500": {
"hex": "#8C8275",
"rgb": {
"r": 140,
"g": 130,
"b": 117
}
},
"600": {
"hex": "#a59f97",
"rgb": {
"r": 165,
"g": 159,
"b": 151
}
},
"700": {
"hex": "#746f69",
"rgb": {
"r": 116,
"g": 111,
"b": 105
}
},
"800": {
"hex": "#47433e",
"rgb": {
"r": 71,
"g": 67,
"b": 62
}
},
"900": {
"hex": "#211f1c",
"rgb": {
"r": 33,
"g": 31,
"b": 28
}
},
"950": {
"hex": "#050504",
"rgb": {
"r": 5,
"g": 5,
"b": 4
}
}
}
},
{
"name": "deep-onyx-charcoal",
"harmony": "Palette",
"hex": "#1A1A1A",
"rgb": {
"r": 26,
"g": 26,
"b": 26
},
"hsl": {
"h": 0,
"s": 0,
"l": 10
},
"value": "#1A1A1A",
"tonalScale": {
"50": {
"hex": "#f8f8f8",
"rgb": {
"r": 248,
"g": 248,
"b": 248
}
},
"100": {
"hex": "#ededed",
"rgb": {
"r": 237,
"g": 237,
"b": 237
}
},
"200": {
"hex": "#d8d8d8",
"rgb": {
"r": 216,
"g": 216,
"b": 216
}
},
"300": {
"hex": "#bdbdbd",
"rgb": {
"r": 189,
"g": 189,
"b": 189
}
},
"400": {
"hex": "#989898",
"rgb": {
"r": 152,
"g": 152,
"b": 152
}
},
"500": {
"hex": "#1A1A1A",
"rgb": {
"r": 26,
"g": 26,
"b": 26
}
},
"600": {
"hex": "#4b4b4b",
"rgb": {
"r": 75,
"g": 75,
"b": 75
}
},
"700": {
"hex": "#323232",
"rgb": {
"r": 50,
"g": 50,
"b": 50
}
},
"800": {
"hex": "#1b1b1b",
"rgb": {
"r": 27,
"g": 27,
"b": 27
}
},
"900": {
"hex": "#090909",
"rgb": {
"r": 9,
"g": 9,
"b": 9
}
},
"950": {
"hex": "#010101",
"rgb": {
"r": 1,
"g": 1,
"b": 1
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 soft-raw-linen,Palette,#EAE6DF,"rgb(234, 230, 223)","hsl(38, 21%, 90%)",#EAE6DF,#fffffe,#fefefd,#fdfcfb,#fcfbf9,#faf8f6,#EAE6DF,#cfcecb,#93918f,#5a5957,#2c2b2a,#080808 rich-warm-taupe,Palette,#8C8275,"rgb(140, 130, 117)","hsl(34, 9%, 50%)",#8C8275,#fdfcfb,#faf8f6,#f2f0ed,#e9e5e0,#dcd7d0,#8C8275,#a59f97,#746f69,#47433e,#211f1c,#050504 deep-onyx-charcoal,Palette,#1A1A1A,"rgb(26, 26, 26)","hsl(0, 0%, 10%)",#1A1A1A,#f8f8f8,#ededed,#d8d8d8,#bdbdbd,#989898,#1A1A1A,#4b4b4b,#323232,#1b1b1b,#090909,#010101
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 234 230 223 soft-raw-linen 255 255 254 soft-raw-linen-50 254 254 253 soft-raw-linen-100 253 252 251 soft-raw-linen-200 252 251 249 soft-raw-linen-300 250 248 246 soft-raw-linen-400 234 230 223 soft-raw-linen-500 207 206 203 soft-raw-linen-600 147 145 143 soft-raw-linen-700 90 89 87 soft-raw-linen-800 44 43 42 soft-raw-linen-900 8 8 8 soft-raw-linen-950 140 130 117 rich-warm-taupe 253 252 251 rich-warm-taupe-50 250 248 246 rich-warm-taupe-100 242 240 237 rich-warm-taupe-200 233 229 224 rich-warm-taupe-300 220 215 208 rich-warm-taupe-400 140 130 117 rich-warm-taupe-500 165 159 151 rich-warm-taupe-600 116 111 105 rich-warm-taupe-700 71 67 62 rich-warm-taupe-800 33 31 28 rich-warm-taupe-900 5 5 4 rich-warm-taupe-950 26 26 26 deep-onyx-charcoal 248 248 248 deep-onyx-charcoal-50 237 237 237 deep-onyx-charcoal-100 216 216 216 deep-onyx-charcoal-200 189 189 189 deep-onyx-charcoal-300 152 152 152 deep-onyx-charcoal-400 26 26 26 deep-onyx-charcoal-500 75 75 75 deep-onyx-charcoal-600 50 50 50 deep-onyx-charcoal-700 27 27 27 deep-onyx-charcoal-800 9 9 9 deep-onyx-charcoal-900 1 1 1 deep-onyx-charcoal-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.