← Back to Tools
Compose airy Scandinavian grays with cool white (#F4F5F7), soft silver (#DDE1E6), mid gray (#C2C7CC), warm stone (#9BA1A6), and deep gray (#6C7175) for polished modern interiors.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--cool-white: #F4F5F7;
--cool-white-50: #ffffff;
--cool-white-100: #feffff;
--cool-white-200: #fefefe;
--cool-white-300: #fdfdfe;
--cool-white-400: #fcfcfd;
--cool-white-500: #F4F5F7;
--cool-white-600: #d3d3d4;
--cool-white-700: #959596;
--cool-white-800: #5b5c5c;
--cool-white-900: #2d2d2d;
--cool-white-950: #090909;
--soft-silver: #DDE1E6;
--soft-silver-50: #fefeff;
--soft-silver-100: #fdfefe;
--soft-silver-200: #fbfcfd;
--soft-silver-300: #f9fafb;
--soft-silver-400: #f5f7f9;
--soft-silver-500: #DDE1E6;
--soft-silver-600: #caccce;
--soft-silver-700: #8e9092;
--soft-silver-800: #575859;
--soft-silver-900: #2a2b2c;
--soft-silver-950: #080808;
--mid-gray: #C2C7CC;
--mid-gray-50: #fefefe;
--mid-gray-100: #fcfcfd;
--mid-gray-200: #f8f9fa;
--mid-gray-300: #f4f5f6;
--mid-gray-400: #edeff1;
--mid-gray-500: #C2C7CC;
--mid-gray-600: #bec1c3;
--mid-gray-700: #86888a;
--mid-gray-800: #515354;
--mid-gray-900: #272829;
--mid-gray-950: #070707;
--warm-stone: #9BA1A6;
--warm-stone-50: #fdfdfd;
--warm-stone-100: #fafafb;
--warm-stone-200: #f3f5f6;
--warm-stone-300: #ebedef;
--warm-stone-400: #e0e3e5;
--warm-stone-500: #9BA1A6;
--warm-stone-600: #acafb2;
--warm-stone-700: #797b7d;
--warm-stone-800: #494b4c;
--warm-stone-900: #222324;
--warm-stone-950: #050606;
--deep-gray: #6C7175;
--deep-gray-50: #fbfcfc;
--deep-gray-100: #f6f7f8;
--deep-gray-200: #eceeef;
--deep-gray-300: #dfe1e3;
--deep-gray-400: #cdd0d2;
--deep-gray-500: #6C7175;
--deep-gray-600: #929598;
--deep-gray-700: #66686b;
--deep-gray-800: #3d3f40;
--deep-gray-900: #1b1d1e;
--deep-gray-950: #040404;
}
$cool-white: #F4F5F7; $cool-white-50: #ffffff; $cool-white-100: #feffff; $cool-white-200: #fefefe; $cool-white-300: #fdfdfe; $cool-white-400: #fcfcfd; $cool-white-500: #F4F5F7; $cool-white-600: #d3d3d4; $cool-white-700: #959596; $cool-white-800: #5b5c5c; $cool-white-900: #2d2d2d; $cool-white-950: #090909; $soft-silver: #DDE1E6; $soft-silver-50: #fefeff; $soft-silver-100: #fdfefe; $soft-silver-200: #fbfcfd; $soft-silver-300: #f9fafb; $soft-silver-400: #f5f7f9; $soft-silver-500: #DDE1E6; $soft-silver-600: #caccce; $soft-silver-700: #8e9092; $soft-silver-800: #575859; $soft-silver-900: #2a2b2c; $soft-silver-950: #080808; $mid-gray: #C2C7CC; $mid-gray-50: #fefefe; $mid-gray-100: #fcfcfd; $mid-gray-200: #f8f9fa; $mid-gray-300: #f4f5f6; $mid-gray-400: #edeff1; $mid-gray-500: #C2C7CC; $mid-gray-600: #bec1c3; $mid-gray-700: #86888a; $mid-gray-800: #515354; $mid-gray-900: #272829; $mid-gray-950: #070707; $warm-stone: #9BA1A6; $warm-stone-50: #fdfdfd; $warm-stone-100: #fafafb; $warm-stone-200: #f3f5f6; $warm-stone-300: #ebedef; $warm-stone-400: #e0e3e5; $warm-stone-500: #9BA1A6; $warm-stone-600: #acafb2; $warm-stone-700: #797b7d; $warm-stone-800: #494b4c; $warm-stone-900: #222324; $warm-stone-950: #050606; $deep-gray: #6C7175; $deep-gray-50: #fbfcfc; $deep-gray-100: #f6f7f8; $deep-gray-200: #eceeef; $deep-gray-300: #dfe1e3; $deep-gray-400: #cdd0d2; $deep-gray-500: #6C7175; $deep-gray-600: #929598; $deep-gray-700: #66686b; $deep-gray-800: #3d3f40; $deep-gray-900: #1b1d1e; $deep-gray-950: #040404;
colors: {
'cool-white': {
50: '#ffffff',
100: '#feffff',
200: '#fefefe',
300: '#fdfdfe',
400: '#fcfcfd',
500: '#F4F5F7',
600: '#d3d3d4',
700: '#959596',
800: '#5b5c5c',
900: '#2d2d2d',
950: '#090909',
DEFAULT: '#F4F5F7',
},
'soft-silver': {
50: '#fefeff',
100: '#fdfefe',
200: '#fbfcfd',
300: '#f9fafb',
400: '#f5f7f9',
500: '#DDE1E6',
600: '#caccce',
700: '#8e9092',
800: '#575859',
900: '#2a2b2c',
950: '#080808',
DEFAULT: '#DDE1E6',
},
'mid-gray': {
50: '#fefefe',
100: '#fcfcfd',
200: '#f8f9fa',
300: '#f4f5f6',
400: '#edeff1',
500: '#C2C7CC',
600: '#bec1c3',
700: '#86888a',
800: '#515354',
900: '#272829',
950: '#070707',
DEFAULT: '#C2C7CC',
},
'warm-stone': {
50: '#fdfdfd',
100: '#fafafb',
200: '#f3f5f6',
300: '#ebedef',
400: '#e0e3e5',
500: '#9BA1A6',
600: '#acafb2',
700: '#797b7d',
800: '#494b4c',
900: '#222324',
950: '#050606',
DEFAULT: '#9BA1A6',
},
'deep-gray': {
50: '#fbfcfc',
100: '#f6f7f8',
200: '#eceeef',
300: '#dfe1e3',
400: '#cdd0d2',
500: '#6C7175',
600: '#929598',
700: '#66686b',
800: '#3d3f40',
900: '#1b1d1e',
950: '#040404',
DEFAULT: '#6C7175',
},
},
[
{
"name": "cool-white",
"harmony": "Palette",
"hex": "#F4F5F7",
"rgb": {
"r": 244,
"g": 245,
"b": 247
},
"hsl": {
"h": 220,
"s": 16,
"l": 96
},
"value": "#F4F5F7",
"tonalScale": {
"50": {
"hex": "#ffffff",
"rgb": {
"r": 255,
"g": 255,
"b": 255
}
},
"100": {
"hex": "#feffff",
"rgb": {
"r": 254,
"g": 255,
"b": 255
}
},
"200": {
"hex": "#fefefe",
"rgb": {
"r": 254,
"g": 254,
"b": 254
}
},
"300": {
"hex": "#fdfdfe",
"rgb": {
"r": 253,
"g": 253,
"b": 254
}
},
"400": {
"hex": "#fcfcfd",
"rgb": {
"r": 252,
"g": 252,
"b": 253
}
},
"500": {
"hex": "#F4F5F7",
"rgb": {
"r": 244,
"g": 245,
"b": 247
}
},
"600": {
"hex": "#d3d3d4",
"rgb": {
"r": 211,
"g": 211,
"b": 212
}
},
"700": {
"hex": "#959596",
"rgb": {
"r": 149,
"g": 149,
"b": 150
}
},
"800": {
"hex": "#5b5c5c",
"rgb": {
"r": 91,
"g": 92,
"b": 92
}
},
"900": {
"hex": "#2d2d2d",
"rgb": {
"r": 45,
"g": 45,
"b": 45
}
},
"950": {
"hex": "#090909",
"rgb": {
"r": 9,
"g": 9,
"b": 9
}
}
}
},
{
"name": "soft-silver",
"harmony": "Palette",
"hex": "#DDE1E6",
"rgb": {
"r": 221,
"g": 225,
"b": 230
},
"hsl": {
"h": 213,
"s": 15,
"l": 88
},
"value": "#DDE1E6",
"tonalScale": {
"50": {
"hex": "#fefeff",
"rgb": {
"r": 254,
"g": 254,
"b": 255
}
},
"100": {
"hex": "#fdfefe",
"rgb": {
"r": 253,
"g": 254,
"b": 254
}
},
"200": {
"hex": "#fbfcfd",
"rgb": {
"r": 251,
"g": 252,
"b": 253
}
},
"300": {
"hex": "#f9fafb",
"rgb": {
"r": 249,
"g": 250,
"b": 251
}
},
"400": {
"hex": "#f5f7f9",
"rgb": {
"r": 245,
"g": 247,
"b": 249
}
},
"500": {
"hex": "#DDE1E6",
"rgb": {
"r": 221,
"g": 225,
"b": 230
}
},
"600": {
"hex": "#caccce",
"rgb": {
"r": 202,
"g": 204,
"b": 206
}
},
"700": {
"hex": "#8e9092",
"rgb": {
"r": 142,
"g": 144,
"b": 146
}
},
"800": {
"hex": "#575859",
"rgb": {
"r": 87,
"g": 88,
"b": 89
}
},
"900": {
"hex": "#2a2b2c",
"rgb": {
"r": 42,
"g": 43,
"b": 44
}
},
"950": {
"hex": "#080808",
"rgb": {
"r": 8,
"g": 8,
"b": 8
}
}
}
},
{
"name": "mid-gray",
"harmony": "Palette",
"hex": "#C2C7CC",
"rgb": {
"r": 194,
"g": 199,
"b": 204
},
"hsl": {
"h": 210,
"s": 9,
"l": 78
},
"value": "#C2C7CC",
"tonalScale": {
"50": {
"hex": "#fefefe",
"rgb": {
"r": 254,
"g": 254,
"b": 254
}
},
"100": {
"hex": "#fcfcfd",
"rgb": {
"r": 252,
"g": 252,
"b": 253
}
},
"200": {
"hex": "#f8f9fa",
"rgb": {
"r": 248,
"g": 249,
"b": 250
}
},
"300": {
"hex": "#f4f5f6",
"rgb": {
"r": 244,
"g": 245,
"b": 246
}
},
"400": {
"hex": "#edeff1",
"rgb": {
"r": 237,
"g": 239,
"b": 241
}
},
"500": {
"hex": "#C2C7CC",
"rgb": {
"r": 194,
"g": 199,
"b": 204
}
},
"600": {
"hex": "#bec1c3",
"rgb": {
"r": 190,
"g": 193,
"b": 195
}
},
"700": {
"hex": "#86888a",
"rgb": {
"r": 134,
"g": 136,
"b": 138
}
},
"800": {
"hex": "#515354",
"rgb": {
"r": 81,
"g": 83,
"b": 84
}
},
"900": {
"hex": "#272829",
"rgb": {
"r": 39,
"g": 40,
"b": 41
}
},
"950": {
"hex": "#070707",
"rgb": {
"r": 7,
"g": 7,
"b": 7
}
}
}
},
{
"name": "warm-stone",
"harmony": "Palette",
"hex": "#9BA1A6",
"rgb": {
"r": 155,
"g": 161,
"b": 166
},
"hsl": {
"h": 207,
"s": 6,
"l": 63
},
"value": "#9BA1A6",
"tonalScale": {
"50": {
"hex": "#fdfdfd",
"rgb": {
"r": 253,
"g": 253,
"b": 253
}
},
"100": {
"hex": "#fafafb",
"rgb": {
"r": 250,
"g": 250,
"b": 251
}
},
"200": {
"hex": "#f3f5f6",
"rgb": {
"r": 243,
"g": 245,
"b": 246
}
},
"300": {
"hex": "#ebedef",
"rgb": {
"r": 235,
"g": 237,
"b": 239
}
},
"400": {
"hex": "#e0e3e5",
"rgb": {
"r": 224,
"g": 227,
"b": 229
}
},
"500": {
"hex": "#9BA1A6",
"rgb": {
"r": 155,
"g": 161,
"b": 166
}
},
"600": {
"hex": "#acafb2",
"rgb": {
"r": 172,
"g": 175,
"b": 178
}
},
"700": {
"hex": "#797b7d",
"rgb": {
"r": 121,
"g": 123,
"b": 125
}
},
"800": {
"hex": "#494b4c",
"rgb": {
"r": 73,
"g": 75,
"b": 76
}
},
"900": {
"hex": "#222324",
"rgb": {
"r": 34,
"g": 35,
"b": 36
}
},
"950": {
"hex": "#050606",
"rgb": {
"r": 5,
"g": 6,
"b": 6
}
}
}
},
{
"name": "deep-gray",
"harmony": "Palette",
"hex": "#6C7175",
"rgb": {
"r": 108,
"g": 113,
"b": 117
},
"hsl": {
"h": 207,
"s": 4,
"l": 44
},
"value": "#6C7175",
"tonalScale": {
"50": {
"hex": "#fbfcfc",
"rgb": {
"r": 251,
"g": 252,
"b": 252
}
},
"100": {
"hex": "#f6f7f8",
"rgb": {
"r": 246,
"g": 247,
"b": 248
}
},
"200": {
"hex": "#eceeef",
"rgb": {
"r": 236,
"g": 238,
"b": 239
}
},
"300": {
"hex": "#dfe1e3",
"rgb": {
"r": 223,
"g": 225,
"b": 227
}
},
"400": {
"hex": "#cdd0d2",
"rgb": {
"r": 205,
"g": 208,
"b": 210
}
},
"500": {
"hex": "#6C7175",
"rgb": {
"r": 108,
"g": 113,
"b": 117
}
},
"600": {
"hex": "#929598",
"rgb": {
"r": 146,
"g": 149,
"b": 152
}
},
"700": {
"hex": "#66686b",
"rgb": {
"r": 102,
"g": 104,
"b": 107
}
},
"800": {
"hex": "#3d3f40",
"rgb": {
"r": 61,
"g": 63,
"b": 64
}
},
"900": {
"hex": "#1b1d1e",
"rgb": {
"r": 27,
"g": 29,
"b": 30
}
},
"950": {
"hex": "#040404",
"rgb": {
"r": 4,
"g": 4,
"b": 4
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 cool-white,Palette,#F4F5F7,"rgb(244, 245, 247)","hsl(220, 16%, 96%)",#F4F5F7,#ffffff,#feffff,#fefefe,#fdfdfe,#fcfcfd,#F4F5F7,#d3d3d4,#959596,#5b5c5c,#2d2d2d,#090909 soft-silver,Palette,#DDE1E6,"rgb(221, 225, 230)","hsl(213, 15%, 88%)",#DDE1E6,#fefeff,#fdfefe,#fbfcfd,#f9fafb,#f5f7f9,#DDE1E6,#caccce,#8e9092,#575859,#2a2b2c,#080808 mid-gray,Palette,#C2C7CC,"rgb(194, 199, 204)","hsl(210, 9%, 78%)",#C2C7CC,#fefefe,#fcfcfd,#f8f9fa,#f4f5f6,#edeff1,#C2C7CC,#bec1c3,#86888a,#515354,#272829,#070707 warm-stone,Palette,#9BA1A6,"rgb(155, 161, 166)","hsl(207, 6%, 63%)",#9BA1A6,#fdfdfd,#fafafb,#f3f5f6,#ebedef,#e0e3e5,#9BA1A6,#acafb2,#797b7d,#494b4c,#222324,#050606 deep-gray,Palette,#6C7175,"rgb(108, 113, 117)","hsl(207, 4%, 44%)",#6C7175,#fbfcfc,#f6f7f8,#eceeef,#dfe1e3,#cdd0d2,#6C7175,#929598,#66686b,#3d3f40,#1b1d1e,#040404
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 244 245 247 cool-white 255 255 255 cool-white-50 254 255 255 cool-white-100 254 254 254 cool-white-200 253 253 254 cool-white-300 252 252 253 cool-white-400 244 245 247 cool-white-500 211 211 212 cool-white-600 149 149 150 cool-white-700 91 92 92 cool-white-800 45 45 45 cool-white-900 9 9 9 cool-white-950 221 225 230 soft-silver 254 254 255 soft-silver-50 253 254 254 soft-silver-100 251 252 253 soft-silver-200 249 250 251 soft-silver-300 245 247 249 soft-silver-400 221 225 230 soft-silver-500 202 204 206 soft-silver-600 142 144 146 soft-silver-700 87 88 89 soft-silver-800 42 43 44 soft-silver-900 8 8 8 soft-silver-950 194 199 204 mid-gray 254 254 254 mid-gray-50 252 252 253 mid-gray-100 248 249 250 mid-gray-200 244 245 246 mid-gray-300 237 239 241 mid-gray-400 194 199 204 mid-gray-500 190 193 195 mid-gray-600 134 136 138 mid-gray-700 81 83 84 mid-gray-800 39 40 41 mid-gray-900 7 7 7 mid-gray-950 155 161 166 warm-stone 253 253 253 warm-stone-50 250 250 251 warm-stone-100 243 245 246 warm-stone-200 235 237 239 warm-stone-300 224 227 229 warm-stone-400 155 161 166 warm-stone-500 172 175 178 warm-stone-600 121 123 125 warm-stone-700 73 75 76 warm-stone-800 34 35 36 warm-stone-900 5 6 6 warm-stone-950 108 113 117 deep-gray 251 252 252 deep-gray-50 246 247 248 deep-gray-100 236 238 239 deep-gray-200 223 225 227 deep-gray-300 205 208 210 deep-gray-400 108 113 117 deep-gray-500 146 149 152 deep-gray-600 102 104 107 deep-gray-700 61 63 64 deep-gray-800 27 29 30 deep-gray-900 4 4 4 deep-gray-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.