← Back to Tools
Design minimal japandi colors with linen cream (#EAE3D6), warm sand (#C6B299), muted olive (#7E8466), charcoal (#3C3A36), and walnut brown (#4A3B2E) for quiet balanced interiors.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--linen-cream: #EAE3D6;
--linen-cream-50: #fffefe;
--linen-cream-100: #fefefc;
--linen-cream-200: #fdfcfa;
--linen-cream-300: #fcfaf7;
--linen-cream-400: #faf7f2;
--linen-cream-500: #EAE3D6;
--linen-cream-600: #cfccc7;
--linen-cream-700: #93908b;
--linen-cream-800: #5a5855;
--linen-cream-900: #2c2b29;
--linen-cream-950: #080807;
--warm-sand: #C6B299;
--warm-sand-50: #fffdfc;
--warm-sand-100: #fdfbf8;
--warm-sand-200: #faf7f1;
--warm-sand-300: #f6f0e9;
--warm-sand-400: #f0e8dd;
--warm-sand-500: #C6B299;
--warm-sand-600: #c1b7aa;
--warm-sand-700: #898176;
--warm-sand-800: #544e46;
--warm-sand-900: #292520;
--warm-sand-950: #080605;
--muted-olive: #7E8466;
--muted-olive-50: #fcfdfa;
--muted-olive-100: #f8f9f4;
--muted-olive-200: #eff1e9;
--muted-olive-300: #e4e7db;
--muted-olive-400: #d5d8c8;
--muted-olive-500: #7E8466;
--muted-olive-600: #9da08d;
--muted-olive-700: #6e7161;
--muted-olive-800: #424438;
--muted-olive-900: #1e2018;
--muted-olive-950: #040503;
--charcoal: #3C3A36;
--charcoal-50: #fafaf9;
--charcoal-100: #f2f2f1;
--charcoal-200: #e3e2e1;
--charcoal-300: #cfcecc;
--charcoal-400: #b5b3af;
--charcoal-500: #3C3A36;
--charcoal-600: #706e6a;
--charcoal-700: #4d4c48;
--charcoal-800: #2d2c29;
--charcoal-900: #131211;
--charcoal-950: #020202;
--walnut-brown: #4A3B2E;
--walnut-brown-50: #fcfaf8;
--walnut-brown-100: #f5f2ef;
--walnut-brown-200: #e8e2dd;
--walnut-brown-300: #d7cec6;
--walnut-brown-400: #bfb3a7;
--walnut-brown-500: #4A3B2E;
--walnut-brown-600: #7c6e61;
--walnut-brown-700: #574c41;
--walnut-brown-800: #342c23;
--walnut-brown-900: #17120d;
--walnut-brown-950: #030201;
}
$linen-cream: #EAE3D6; $linen-cream-50: #fffefe; $linen-cream-100: #fefefc; $linen-cream-200: #fdfcfa; $linen-cream-300: #fcfaf7; $linen-cream-400: #faf7f2; $linen-cream-500: #EAE3D6; $linen-cream-600: #cfccc7; $linen-cream-700: #93908b; $linen-cream-800: #5a5855; $linen-cream-900: #2c2b29; $linen-cream-950: #080807; $warm-sand: #C6B299; $warm-sand-50: #fffdfc; $warm-sand-100: #fdfbf8; $warm-sand-200: #faf7f1; $warm-sand-300: #f6f0e9; $warm-sand-400: #f0e8dd; $warm-sand-500: #C6B299; $warm-sand-600: #c1b7aa; $warm-sand-700: #898176; $warm-sand-800: #544e46; $warm-sand-900: #292520; $warm-sand-950: #080605; $muted-olive: #7E8466; $muted-olive-50: #fcfdfa; $muted-olive-100: #f8f9f4; $muted-olive-200: #eff1e9; $muted-olive-300: #e4e7db; $muted-olive-400: #d5d8c8; $muted-olive-500: #7E8466; $muted-olive-600: #9da08d; $muted-olive-700: #6e7161; $muted-olive-800: #424438; $muted-olive-900: #1e2018; $muted-olive-950: #040503; $charcoal: #3C3A36; $charcoal-50: #fafaf9; $charcoal-100: #f2f2f1; $charcoal-200: #e3e2e1; $charcoal-300: #cfcecc; $charcoal-400: #b5b3af; $charcoal-500: #3C3A36; $charcoal-600: #706e6a; $charcoal-700: #4d4c48; $charcoal-800: #2d2c29; $charcoal-900: #131211; $charcoal-950: #020202; $walnut-brown: #4A3B2E; $walnut-brown-50: #fcfaf8; $walnut-brown-100: #f5f2ef; $walnut-brown-200: #e8e2dd; $walnut-brown-300: #d7cec6; $walnut-brown-400: #bfb3a7; $walnut-brown-500: #4A3B2E; $walnut-brown-600: #7c6e61; $walnut-brown-700: #574c41; $walnut-brown-800: #342c23; $walnut-brown-900: #17120d; $walnut-brown-950: #030201;
colors: {
'linen-cream': {
50: '#fffefe',
100: '#fefefc',
200: '#fdfcfa',
300: '#fcfaf7',
400: '#faf7f2',
500: '#EAE3D6',
600: '#cfccc7',
700: '#93908b',
800: '#5a5855',
900: '#2c2b29',
950: '#080807',
DEFAULT: '#EAE3D6',
},
'warm-sand': {
50: '#fffdfc',
100: '#fdfbf8',
200: '#faf7f1',
300: '#f6f0e9',
400: '#f0e8dd',
500: '#C6B299',
600: '#c1b7aa',
700: '#898176',
800: '#544e46',
900: '#292520',
950: '#080605',
DEFAULT: '#C6B299',
},
'muted-olive': {
50: '#fcfdfa',
100: '#f8f9f4',
200: '#eff1e9',
300: '#e4e7db',
400: '#d5d8c8',
500: '#7E8466',
600: '#9da08d',
700: '#6e7161',
800: '#424438',
900: '#1e2018',
950: '#040503',
DEFAULT: '#7E8466',
},
'charcoal': {
50: '#fafaf9',
100: '#f2f2f1',
200: '#e3e2e1',
300: '#cfcecc',
400: '#b5b3af',
500: '#3C3A36',
600: '#706e6a',
700: '#4d4c48',
800: '#2d2c29',
900: '#131211',
950: '#020202',
DEFAULT: '#3C3A36',
},
'walnut-brown': {
50: '#fcfaf8',
100: '#f5f2ef',
200: '#e8e2dd',
300: '#d7cec6',
400: '#bfb3a7',
500: '#4A3B2E',
600: '#7c6e61',
700: '#574c41',
800: '#342c23',
900: '#17120d',
950: '#030201',
DEFAULT: '#4A3B2E',
},
},
[
{
"name": "linen-cream",
"harmony": "Palette",
"hex": "#EAE3D6",
"rgb": {
"r": 234,
"g": 227,
"b": 214
},
"hsl": {
"h": 39,
"s": 32,
"l": 88
},
"value": "#EAE3D6",
"tonalScale": {
"50": {
"hex": "#fffefe",
"rgb": {
"r": 255,
"g": 254,
"b": 254
}
},
"100": {
"hex": "#fefefc",
"rgb": {
"r": 254,
"g": 254,
"b": 252
}
},
"200": {
"hex": "#fdfcfa",
"rgb": {
"r": 253,
"g": 252,
"b": 250
}
},
"300": {
"hex": "#fcfaf7",
"rgb": {
"r": 252,
"g": 250,
"b": 247
}
},
"400": {
"hex": "#faf7f2",
"rgb": {
"r": 250,
"g": 247,
"b": 242
}
},
"500": {
"hex": "#EAE3D6",
"rgb": {
"r": 234,
"g": 227,
"b": 214
}
},
"600": {
"hex": "#cfccc7",
"rgb": {
"r": 207,
"g": 204,
"b": 199
}
},
"700": {
"hex": "#93908b",
"rgb": {
"r": 147,
"g": 144,
"b": 139
}
},
"800": {
"hex": "#5a5855",
"rgb": {
"r": 90,
"g": 88,
"b": 85
}
},
"900": {
"hex": "#2c2b29",
"rgb": {
"r": 44,
"g": 43,
"b": 41
}
},
"950": {
"hex": "#080807",
"rgb": {
"r": 8,
"g": 8,
"b": 7
}
}
}
},
{
"name": "warm-sand",
"harmony": "Palette",
"hex": "#C6B299",
"rgb": {
"r": 198,
"g": 178,
"b": 153
},
"hsl": {
"h": 33,
"s": 28,
"l": 69
},
"value": "#C6B299",
"tonalScale": {
"50": {
"hex": "#fffdfc",
"rgb": {
"r": 255,
"g": 253,
"b": 252
}
},
"100": {
"hex": "#fdfbf8",
"rgb": {
"r": 253,
"g": 251,
"b": 248
}
},
"200": {
"hex": "#faf7f1",
"rgb": {
"r": 250,
"g": 247,
"b": 241
}
},
"300": {
"hex": "#f6f0e9",
"rgb": {
"r": 246,
"g": 240,
"b": 233
}
},
"400": {
"hex": "#f0e8dd",
"rgb": {
"r": 240,
"g": 232,
"b": 221
}
},
"500": {
"hex": "#C6B299",
"rgb": {
"r": 198,
"g": 178,
"b": 153
}
},
"600": {
"hex": "#c1b7aa",
"rgb": {
"r": 193,
"g": 183,
"b": 170
}
},
"700": {
"hex": "#898176",
"rgb": {
"r": 137,
"g": 129,
"b": 118
}
},
"800": {
"hex": "#544e46",
"rgb": {
"r": 84,
"g": 78,
"b": 70
}
},
"900": {
"hex": "#292520",
"rgb": {
"r": 41,
"g": 37,
"b": 32
}
},
"950": {
"hex": "#080605",
"rgb": {
"r": 8,
"g": 6,
"b": 5
}
}
}
},
{
"name": "muted-olive",
"harmony": "Palette",
"hex": "#7E8466",
"rgb": {
"r": 126,
"g": 132,
"b": 102
},
"hsl": {
"h": 72,
"s": 13,
"l": 46
},
"value": "#7E8466",
"tonalScale": {
"50": {
"hex": "#fcfdfa",
"rgb": {
"r": 252,
"g": 253,
"b": 250
}
},
"100": {
"hex": "#f8f9f4",
"rgb": {
"r": 248,
"g": 249,
"b": 244
}
},
"200": {
"hex": "#eff1e9",
"rgb": {
"r": 239,
"g": 241,
"b": 233
}
},
"300": {
"hex": "#e4e7db",
"rgb": {
"r": 228,
"g": 231,
"b": 219
}
},
"400": {
"hex": "#d5d8c8",
"rgb": {
"r": 213,
"g": 216,
"b": 200
}
},
"500": {
"hex": "#7E8466",
"rgb": {
"r": 126,
"g": 132,
"b": 102
}
},
"600": {
"hex": "#9da08d",
"rgb": {
"r": 157,
"g": 160,
"b": 141
}
},
"700": {
"hex": "#6e7161",
"rgb": {
"r": 110,
"g": 113,
"b": 97
}
},
"800": {
"hex": "#424438",
"rgb": {
"r": 66,
"g": 68,
"b": 56
}
},
"900": {
"hex": "#1e2018",
"rgb": {
"r": 30,
"g": 32,
"b": 24
}
},
"950": {
"hex": "#040503",
"rgb": {
"r": 4,
"g": 5,
"b": 3
}
}
}
},
{
"name": "charcoal",
"harmony": "Palette",
"hex": "#3C3A36",
"rgb": {
"r": 60,
"g": 58,
"b": 54
},
"hsl": {
"h": 40,
"s": 5,
"l": 22
},
"value": "#3C3A36",
"tonalScale": {
"50": {
"hex": "#fafaf9",
"rgb": {
"r": 250,
"g": 250,
"b": 249
}
},
"100": {
"hex": "#f2f2f1",
"rgb": {
"r": 242,
"g": 242,
"b": 241
}
},
"200": {
"hex": "#e3e2e1",
"rgb": {
"r": 227,
"g": 226,
"b": 225
}
},
"300": {
"hex": "#cfcecc",
"rgb": {
"r": 207,
"g": 206,
"b": 204
}
},
"400": {
"hex": "#b5b3af",
"rgb": {
"r": 181,
"g": 179,
"b": 175
}
},
"500": {
"hex": "#3C3A36",
"rgb": {
"r": 60,
"g": 58,
"b": 54
}
},
"600": {
"hex": "#706e6a",
"rgb": {
"r": 112,
"g": 110,
"b": 106
}
},
"700": {
"hex": "#4d4c48",
"rgb": {
"r": 77,
"g": 76,
"b": 72
}
},
"800": {
"hex": "#2d2c29",
"rgb": {
"r": 45,
"g": 44,
"b": 41
}
},
"900": {
"hex": "#131211",
"rgb": {
"r": 19,
"g": 18,
"b": 17
}
},
"950": {
"hex": "#020202",
"rgb": {
"r": 2,
"g": 2,
"b": 2
}
}
}
},
{
"name": "walnut-brown",
"harmony": "Palette",
"hex": "#4A3B2E",
"rgb": {
"r": 74,
"g": 59,
"b": 46
},
"hsl": {
"h": 28,
"s": 23,
"l": 24
},
"value": "#4A3B2E",
"tonalScale": {
"50": {
"hex": "#fcfaf8",
"rgb": {
"r": 252,
"g": 250,
"b": 248
}
},
"100": {
"hex": "#f5f2ef",
"rgb": {
"r": 245,
"g": 242,
"b": 239
}
},
"200": {
"hex": "#e8e2dd",
"rgb": {
"r": 232,
"g": 226,
"b": 221
}
},
"300": {
"hex": "#d7cec6",
"rgb": {
"r": 215,
"g": 206,
"b": 198
}
},
"400": {
"hex": "#bfb3a7",
"rgb": {
"r": 191,
"g": 179,
"b": 167
}
},
"500": {
"hex": "#4A3B2E",
"rgb": {
"r": 74,
"g": 59,
"b": 46
}
},
"600": {
"hex": "#7c6e61",
"rgb": {
"r": 124,
"g": 110,
"b": 97
}
},
"700": {
"hex": "#574c41",
"rgb": {
"r": 87,
"g": 76,
"b": 65
}
},
"800": {
"hex": "#342c23",
"rgb": {
"r": 52,
"g": 44,
"b": 35
}
},
"900": {
"hex": "#17120d",
"rgb": {
"r": 23,
"g": 18,
"b": 13
}
},
"950": {
"hex": "#030201",
"rgb": {
"r": 3,
"g": 2,
"b": 1
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 linen-cream,Palette,#EAE3D6,"rgb(234, 227, 214)","hsl(39, 32%, 88%)",#EAE3D6,#fffefe,#fefefc,#fdfcfa,#fcfaf7,#faf7f2,#EAE3D6,#cfccc7,#93908b,#5a5855,#2c2b29,#080807 warm-sand,Palette,#C6B299,"rgb(198, 178, 153)","hsl(33, 28%, 69%)",#C6B299,#fffdfc,#fdfbf8,#faf7f1,#f6f0e9,#f0e8dd,#C6B299,#c1b7aa,#898176,#544e46,#292520,#080605 muted-olive,Palette,#7E8466,"rgb(126, 132, 102)","hsl(72, 13%, 46%)",#7E8466,#fcfdfa,#f8f9f4,#eff1e9,#e4e7db,#d5d8c8,#7E8466,#9da08d,#6e7161,#424438,#1e2018,#040503 charcoal,Palette,#3C3A36,"rgb(60, 58, 54)","hsl(40, 5%, 22%)",#3C3A36,#fafaf9,#f2f2f1,#e3e2e1,#cfcecc,#b5b3af,#3C3A36,#706e6a,#4d4c48,#2d2c29,#131211,#020202 walnut-brown,Palette,#4A3B2E,"rgb(74, 59, 46)","hsl(28, 23%, 24%)",#4A3B2E,#fcfaf8,#f5f2ef,#e8e2dd,#d7cec6,#bfb3a7,#4A3B2E,#7c6e61,#574c41,#342c23,#17120d,#030201
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 234 227 214 linen-cream 255 254 254 linen-cream-50 254 254 252 linen-cream-100 253 252 250 linen-cream-200 252 250 247 linen-cream-300 250 247 242 linen-cream-400 234 227 214 linen-cream-500 207 204 199 linen-cream-600 147 144 139 linen-cream-700 90 88 85 linen-cream-800 44 43 41 linen-cream-900 8 8 7 linen-cream-950 198 178 153 warm-sand 255 253 252 warm-sand-50 253 251 248 warm-sand-100 250 247 241 warm-sand-200 246 240 233 warm-sand-300 240 232 221 warm-sand-400 198 178 153 warm-sand-500 193 183 170 warm-sand-600 137 129 118 warm-sand-700 84 78 70 warm-sand-800 41 37 32 warm-sand-900 8 6 5 warm-sand-950 126 132 102 muted-olive 252 253 250 muted-olive-50 248 249 244 muted-olive-100 239 241 233 muted-olive-200 228 231 219 muted-olive-300 213 216 200 muted-olive-400 126 132 102 muted-olive-500 157 160 141 muted-olive-600 110 113 97 muted-olive-700 66 68 56 muted-olive-800 30 32 24 muted-olive-900 4 5 3 muted-olive-950 60 58 54 charcoal 250 250 249 charcoal-50 242 242 241 charcoal-100 227 226 225 charcoal-200 207 206 204 charcoal-300 181 179 175 charcoal-400 60 58 54 charcoal-500 112 110 106 charcoal-600 77 76 72 charcoal-700 45 44 41 charcoal-800 19 18 17 charcoal-900 2 2 2 charcoal-950 74 59 46 walnut-brown 252 250 248 walnut-brown-50 245 242 239 walnut-brown-100 232 226 221 walnut-brown-200 215 206 198 walnut-brown-300 191 179 167 walnut-brown-400 74 59 46 walnut-brown-500 124 110 97 walnut-brown-600 87 76 65 walnut-brown-700 52 44 35 walnut-brown-800 23 18 13 walnut-brown-900 3 2 1 walnut-brown-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.