← Back to Tools
Design calm minimalist neutrals with soft linen (#F7F3EE), warm beige (#E6DED4), stone gray (#C9BFB4), muted taupe (#6B625B), and near-black (#1F1D1B) for understated modern layouts.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--soft-linen: #F7F3EE;
--soft-linen-50: #fffffe;
--soft-linen-100: #fffefe;
--soft-linen-200: #fefefd;
--soft-linen-300: #fefdfc;
--soft-linen-400: #fdfcfa;
--soft-linen-500: #F7F3EE;
--soft-linen-600: #d4d3d1;
--soft-linen-700: #969593;
--soft-linen-800: #5c5b5a;
--soft-linen-900: #2d2c2c;
--soft-linen-950: #090908;
--warm-beige: #E6DED4;
--warm-beige-50: #fffefe;
--warm-beige-100: #fefdfc;
--warm-beige-200: #fdfcfa;
--warm-beige-300: #fbf9f6;
--warm-beige-400: #f9f6f2;
--warm-beige-500: #E6DED4;
--warm-beige-600: #cecac6;
--warm-beige-700: #928f8b;
--warm-beige-800: #5a5755;
--warm-beige-900: #2c2a28;
--warm-beige-950: #080807;
--stone-gray: #C9BFB4;
--stone-gray-50: #fefefd;
--stone-gray-100: #fdfcfb;
--stone-gray-200: #faf8f6;
--stone-gray-300: #f6f3f0;
--stone-gray-400: #f0ece8;
--stone-gray-500: #C9BFB4;
--stone-gray-600: #c2bdb8;
--stone-gray-700: #898581;
--stone-gray-800: #54514e;
--stone-gray-900: #292725;
--stone-gray-950: #070706;
--muted-taupe: #6B625B;
--muted-taupe-50: #fcfbfb;
--muted-taupe-100: #f7f6f5;
--muted-taupe-200: #edebe9;
--muted-taupe-300: #e0dcd9;
--muted-taupe-400: #cec9c4;
--muted-taupe-500: #6B625B;
--muted-taupe-600: #928c87;
--muted-taupe-700: #66615d;
--muted-taupe-800: #3e3a37;
--muted-taupe-900: #1c1a18;
--muted-taupe-950: #040303;
--near-black: #1F1D1B;
--near-black-50: #f8f8f8;
--near-black-100: #eeeeed;
--near-black-200: #dbd9d8;
--near-black-300: #c1bfbd;
--near-black-400: #9e9b99;
--near-black-500: #1F1D1B;
--near-black-600: #514f4c;
--near-black-700: #373533;
--near-black-800: #1f1d1b;
--near-black-900: #0b0a09;
--near-black-950: #010101;
}
$soft-linen: #F7F3EE; $soft-linen-50: #fffffe; $soft-linen-100: #fffefe; $soft-linen-200: #fefefd; $soft-linen-300: #fefdfc; $soft-linen-400: #fdfcfa; $soft-linen-500: #F7F3EE; $soft-linen-600: #d4d3d1; $soft-linen-700: #969593; $soft-linen-800: #5c5b5a; $soft-linen-900: #2d2c2c; $soft-linen-950: #090908; $warm-beige: #E6DED4; $warm-beige-50: #fffefe; $warm-beige-100: #fefdfc; $warm-beige-200: #fdfcfa; $warm-beige-300: #fbf9f6; $warm-beige-400: #f9f6f2; $warm-beige-500: #E6DED4; $warm-beige-600: #cecac6; $warm-beige-700: #928f8b; $warm-beige-800: #5a5755; $warm-beige-900: #2c2a28; $warm-beige-950: #080807; $stone-gray: #C9BFB4; $stone-gray-50: #fefefd; $stone-gray-100: #fdfcfb; $stone-gray-200: #faf8f6; $stone-gray-300: #f6f3f0; $stone-gray-400: #f0ece8; $stone-gray-500: #C9BFB4; $stone-gray-600: #c2bdb8; $stone-gray-700: #898581; $stone-gray-800: #54514e; $stone-gray-900: #292725; $stone-gray-950: #070706; $muted-taupe: #6B625B; $muted-taupe-50: #fcfbfb; $muted-taupe-100: #f7f6f5; $muted-taupe-200: #edebe9; $muted-taupe-300: #e0dcd9; $muted-taupe-400: #cec9c4; $muted-taupe-500: #6B625B; $muted-taupe-600: #928c87; $muted-taupe-700: #66615d; $muted-taupe-800: #3e3a37; $muted-taupe-900: #1c1a18; $muted-taupe-950: #040303; $near-black: #1F1D1B; $near-black-50: #f8f8f8; $near-black-100: #eeeeed; $near-black-200: #dbd9d8; $near-black-300: #c1bfbd; $near-black-400: #9e9b99; $near-black-500: #1F1D1B; $near-black-600: #514f4c; $near-black-700: #373533; $near-black-800: #1f1d1b; $near-black-900: #0b0a09; $near-black-950: #010101;
colors: {
'soft-linen': {
50: '#fffffe',
100: '#fffefe',
200: '#fefefd',
300: '#fefdfc',
400: '#fdfcfa',
500: '#F7F3EE',
600: '#d4d3d1',
700: '#969593',
800: '#5c5b5a',
900: '#2d2c2c',
950: '#090908',
DEFAULT: '#F7F3EE',
},
'warm-beige': {
50: '#fffefe',
100: '#fefdfc',
200: '#fdfcfa',
300: '#fbf9f6',
400: '#f9f6f2',
500: '#E6DED4',
600: '#cecac6',
700: '#928f8b',
800: '#5a5755',
900: '#2c2a28',
950: '#080807',
DEFAULT: '#E6DED4',
},
'stone-gray': {
50: '#fefefd',
100: '#fdfcfb',
200: '#faf8f6',
300: '#f6f3f0',
400: '#f0ece8',
500: '#C9BFB4',
600: '#c2bdb8',
700: '#898581',
800: '#54514e',
900: '#292725',
950: '#070706',
DEFAULT: '#C9BFB4',
},
'muted-taupe': {
50: '#fcfbfb',
100: '#f7f6f5',
200: '#edebe9',
300: '#e0dcd9',
400: '#cec9c4',
500: '#6B625B',
600: '#928c87',
700: '#66615d',
800: '#3e3a37',
900: '#1c1a18',
950: '#040303',
DEFAULT: '#6B625B',
},
'near-black': {
50: '#f8f8f8',
100: '#eeeeed',
200: '#dbd9d8',
300: '#c1bfbd',
400: '#9e9b99',
500: '#1F1D1B',
600: '#514f4c',
700: '#373533',
800: '#1f1d1b',
900: '#0b0a09',
950: '#010101',
DEFAULT: '#1F1D1B',
},
},
[
{
"name": "soft-linen",
"harmony": "Palette",
"hex": "#F7F3EE",
"rgb": {
"r": 247,
"g": 243,
"b": 238
},
"hsl": {
"h": 33,
"s": 36,
"l": 95
},
"value": "#F7F3EE",
"tonalScale": {
"50": {
"hex": "#fffffe",
"rgb": {
"r": 255,
"g": 255,
"b": 254
}
},
"100": {
"hex": "#fffefe",
"rgb": {
"r": 255,
"g": 254,
"b": 254
}
},
"200": {
"hex": "#fefefd",
"rgb": {
"r": 254,
"g": 254,
"b": 253
}
},
"300": {
"hex": "#fefdfc",
"rgb": {
"r": 254,
"g": 253,
"b": 252
}
},
"400": {
"hex": "#fdfcfa",
"rgb": {
"r": 253,
"g": 252,
"b": 250
}
},
"500": {
"hex": "#F7F3EE",
"rgb": {
"r": 247,
"g": 243,
"b": 238
}
},
"600": {
"hex": "#d4d3d1",
"rgb": {
"r": 212,
"g": 211,
"b": 209
}
},
"700": {
"hex": "#969593",
"rgb": {
"r": 150,
"g": 149,
"b": 147
}
},
"800": {
"hex": "#5c5b5a",
"rgb": {
"r": 92,
"g": 91,
"b": 90
}
},
"900": {
"hex": "#2d2c2c",
"rgb": {
"r": 45,
"g": 44,
"b": 44
}
},
"950": {
"hex": "#090908",
"rgb": {
"r": 9,
"g": 9,
"b": 8
}
}
}
},
{
"name": "warm-beige",
"harmony": "Palette",
"hex": "#E6DED4",
"rgb": {
"r": 230,
"g": 222,
"b": 212
},
"hsl": {
"h": 33,
"s": 26,
"l": 87
},
"value": "#E6DED4",
"tonalScale": {
"50": {
"hex": "#fffefe",
"rgb": {
"r": 255,
"g": 254,
"b": 254
}
},
"100": {
"hex": "#fefdfc",
"rgb": {
"r": 254,
"g": 253,
"b": 252
}
},
"200": {
"hex": "#fdfcfa",
"rgb": {
"r": 253,
"g": 252,
"b": 250
}
},
"300": {
"hex": "#fbf9f6",
"rgb": {
"r": 251,
"g": 249,
"b": 246
}
},
"400": {
"hex": "#f9f6f2",
"rgb": {
"r": 249,
"g": 246,
"b": 242
}
},
"500": {
"hex": "#E6DED4",
"rgb": {
"r": 230,
"g": 222,
"b": 212
}
},
"600": {
"hex": "#cecac6",
"rgb": {
"r": 206,
"g": 202,
"b": 198
}
},
"700": {
"hex": "#928f8b",
"rgb": {
"r": 146,
"g": 143,
"b": 139
}
},
"800": {
"hex": "#5a5755",
"rgb": {
"r": 90,
"g": 87,
"b": 85
}
},
"900": {
"hex": "#2c2a28",
"rgb": {
"r": 44,
"g": 42,
"b": 40
}
},
"950": {
"hex": "#080807",
"rgb": {
"r": 8,
"g": 8,
"b": 7
}
}
}
},
{
"name": "stone-gray",
"harmony": "Palette",
"hex": "#C9BFB4",
"rgb": {
"r": 201,
"g": 191,
"b": 180
},
"hsl": {
"h": 31,
"s": 16,
"l": 75
},
"value": "#C9BFB4",
"tonalScale": {
"50": {
"hex": "#fefefd",
"rgb": {
"r": 254,
"g": 254,
"b": 253
}
},
"100": {
"hex": "#fdfcfb",
"rgb": {
"r": 253,
"g": 252,
"b": 251
}
},
"200": {
"hex": "#faf8f6",
"rgb": {
"r": 250,
"g": 248,
"b": 246
}
},
"300": {
"hex": "#f6f3f0",
"rgb": {
"r": 246,
"g": 243,
"b": 240
}
},
"400": {
"hex": "#f0ece8",
"rgb": {
"r": 240,
"g": 236,
"b": 232
}
},
"500": {
"hex": "#C9BFB4",
"rgb": {
"r": 201,
"g": 191,
"b": 180
}
},
"600": {
"hex": "#c2bdb8",
"rgb": {
"r": 194,
"g": 189,
"b": 184
}
},
"700": {
"hex": "#898581",
"rgb": {
"r": 137,
"g": 133,
"b": 129
}
},
"800": {
"hex": "#54514e",
"rgb": {
"r": 84,
"g": 81,
"b": 78
}
},
"900": {
"hex": "#292725",
"rgb": {
"r": 41,
"g": 39,
"b": 37
}
},
"950": {
"hex": "#070706",
"rgb": {
"r": 7,
"g": 7,
"b": 6
}
}
}
},
{
"name": "muted-taupe",
"harmony": "Palette",
"hex": "#6B625B",
"rgb": {
"r": 107,
"g": 98,
"b": 91
},
"hsl": {
"h": 26,
"s": 8,
"l": 39
},
"value": "#6B625B",
"tonalScale": {
"50": {
"hex": "#fcfbfb",
"rgb": {
"r": 252,
"g": 251,
"b": 251
}
},
"100": {
"hex": "#f7f6f5",
"rgb": {
"r": 247,
"g": 246,
"b": 245
}
},
"200": {
"hex": "#edebe9",
"rgb": {
"r": 237,
"g": 235,
"b": 233
}
},
"300": {
"hex": "#e0dcd9",
"rgb": {
"r": 224,
"g": 220,
"b": 217
}
},
"400": {
"hex": "#cec9c4",
"rgb": {
"r": 206,
"g": 201,
"b": 196
}
},
"500": {
"hex": "#6B625B",
"rgb": {
"r": 107,
"g": 98,
"b": 91
}
},
"600": {
"hex": "#928c87",
"rgb": {
"r": 146,
"g": 140,
"b": 135
}
},
"700": {
"hex": "#66615d",
"rgb": {
"r": 102,
"g": 97,
"b": 93
}
},
"800": {
"hex": "#3e3a37",
"rgb": {
"r": 62,
"g": 58,
"b": 55
}
},
"900": {
"hex": "#1c1a18",
"rgb": {
"r": 28,
"g": 26,
"b": 24
}
},
"950": {
"hex": "#040303",
"rgb": {
"r": 4,
"g": 3,
"b": 3
}
}
}
},
{
"name": "near-black",
"harmony": "Palette",
"hex": "#1F1D1B",
"rgb": {
"r": 31,
"g": 29,
"b": 27
},
"hsl": {
"h": 30,
"s": 7,
"l": 11
},
"value": "#1F1D1B",
"tonalScale": {
"50": {
"hex": "#f8f8f8",
"rgb": {
"r": 248,
"g": 248,
"b": 248
}
},
"100": {
"hex": "#eeeeed",
"rgb": {
"r": 238,
"g": 238,
"b": 237
}
},
"200": {
"hex": "#dbd9d8",
"rgb": {
"r": 219,
"g": 217,
"b": 216
}
},
"300": {
"hex": "#c1bfbd",
"rgb": {
"r": 193,
"g": 191,
"b": 189
}
},
"400": {
"hex": "#9e9b99",
"rgb": {
"r": 158,
"g": 155,
"b": 153
}
},
"500": {
"hex": "#1F1D1B",
"rgb": {
"r": 31,
"g": 29,
"b": 27
}
},
"600": {
"hex": "#514f4c",
"rgb": {
"r": 81,
"g": 79,
"b": 76
}
},
"700": {
"hex": "#373533",
"rgb": {
"r": 55,
"g": 53,
"b": 51
}
},
"800": {
"hex": "#1f1d1b",
"rgb": {
"r": 31,
"g": 29,
"b": 27
}
},
"900": {
"hex": "#0b0a09",
"rgb": {
"r": 11,
"g": 10,
"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-linen,Palette,#F7F3EE,"rgb(247, 243, 238)","hsl(33, 36%, 95%)",#F7F3EE,#fffffe,#fffefe,#fefefd,#fefdfc,#fdfcfa,#F7F3EE,#d4d3d1,#969593,#5c5b5a,#2d2c2c,#090908 warm-beige,Palette,#E6DED4,"rgb(230, 222, 212)","hsl(33, 26%, 87%)",#E6DED4,#fffefe,#fefdfc,#fdfcfa,#fbf9f6,#f9f6f2,#E6DED4,#cecac6,#928f8b,#5a5755,#2c2a28,#080807 stone-gray,Palette,#C9BFB4,"rgb(201, 191, 180)","hsl(31, 16%, 75%)",#C9BFB4,#fefefd,#fdfcfb,#faf8f6,#f6f3f0,#f0ece8,#C9BFB4,#c2bdb8,#898581,#54514e,#292725,#070706 muted-taupe,Palette,#6B625B,"rgb(107, 98, 91)","hsl(26, 8%, 39%)",#6B625B,#fcfbfb,#f7f6f5,#edebe9,#e0dcd9,#cec9c4,#6B625B,#928c87,#66615d,#3e3a37,#1c1a18,#040303 near-black,Palette,#1F1D1B,"rgb(31, 29, 27)","hsl(30, 7%, 11%)",#1F1D1B,#f8f8f8,#eeeeed,#dbd9d8,#c1bfbd,#9e9b99,#1F1D1B,#514f4c,#373533,#1f1d1b,#0b0a09,#010101
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 247 243 238 soft-linen 255 255 254 soft-linen-50 255 254 254 soft-linen-100 254 254 253 soft-linen-200 254 253 252 soft-linen-300 253 252 250 soft-linen-400 247 243 238 soft-linen-500 212 211 209 soft-linen-600 150 149 147 soft-linen-700 92 91 90 soft-linen-800 45 44 44 soft-linen-900 9 9 8 soft-linen-950 230 222 212 warm-beige 255 254 254 warm-beige-50 254 253 252 warm-beige-100 253 252 250 warm-beige-200 251 249 246 warm-beige-300 249 246 242 warm-beige-400 230 222 212 warm-beige-500 206 202 198 warm-beige-600 146 143 139 warm-beige-700 90 87 85 warm-beige-800 44 42 40 warm-beige-900 8 8 7 warm-beige-950 201 191 180 stone-gray 254 254 253 stone-gray-50 253 252 251 stone-gray-100 250 248 246 stone-gray-200 246 243 240 stone-gray-300 240 236 232 stone-gray-400 201 191 180 stone-gray-500 194 189 184 stone-gray-600 137 133 129 stone-gray-700 84 81 78 stone-gray-800 41 39 37 stone-gray-900 7 7 6 stone-gray-950 107 98 91 muted-taupe 252 251 251 muted-taupe-50 247 246 245 muted-taupe-100 237 235 233 muted-taupe-200 224 220 217 muted-taupe-300 206 201 196 muted-taupe-400 107 98 91 muted-taupe-500 146 140 135 muted-taupe-600 102 97 93 muted-taupe-700 62 58 55 muted-taupe-800 28 26 24 muted-taupe-900 4 3 3 muted-taupe-950 31 29 27 near-black 248 248 248 near-black-50 238 238 237 near-black-100 219 217 216 near-black-200 193 191 189 near-black-300 158 155 153 near-black-400 31 29 27 near-black-500 81 79 76 near-black-600 55 53 51 near-black-700 31 29 27 near-black-800 11 10 9 near-black-900 1 1 1 near-black-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.