← Back to Tools
Generate elegant film noir black and white color schemes, using silver screen gray (#A6A6A6), deep trenchcoat charcoal (#2B2B2B), and high-contrast flash bulb white (#F5F5F5).
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--silver-screen-gray: #A6A6A6;
--silver-screen-gray-50: #fdfdfd;
--silver-screen-gray-100: #fbfbfb;
--silver-screen-gray-200: #f5f5f5;
--silver-screen-gray-300: #eeeeee;
--silver-screen-gray-400: #e4e4e4;
--silver-screen-gray-500: #A6A6A6;
--silver-screen-gray-600: #b2b2b2;
--silver-screen-gray-700: #7d7d7d;
--silver-screen-gray-800: #4c4c4c;
--silver-screen-gray-900: #242424;
--silver-screen-gray-950: #060606;
--deep-trenchcoat-charcoal: #2B2B2B;
--deep-trenchcoat-charcoal-50: #f9f9f9;
--deep-trenchcoat-charcoal-100: #f0f0f0;
--deep-trenchcoat-charcoal-200: #dedede;
--deep-trenchcoat-charcoal-300: #c7c7c7;
--deep-trenchcoat-charcoal-400: #a8a8a8;
--deep-trenchcoat-charcoal-500: #2B2B2B;
--deep-trenchcoat-charcoal-600: #5f5f5f;
--deep-trenchcoat-charcoal-700: #414141;
--deep-trenchcoat-charcoal-800: #252525;
--deep-trenchcoat-charcoal-900: #0e0e0e;
--deep-trenchcoat-charcoal-950: #020202;
--high-contrast-flash-bulb-white: #F5F5F5;
--high-contrast-flash-bulb-white-50: #ffffff;
--high-contrast-flash-bulb-white-100: #ffffff;
--high-contrast-flash-bulb-white-200: #fefefe;
--high-contrast-flash-bulb-white-300: #fdfdfd;
--high-contrast-flash-bulb-white-400: #fcfcfc;
--high-contrast-flash-bulb-white-500: #F5F5F5;
--high-contrast-flash-bulb-white-600: #d3d3d3;
--high-contrast-flash-bulb-white-700: #959595;
--high-contrast-flash-bulb-white-800: #5c5c5c;
--high-contrast-flash-bulb-white-900: #2d2d2d;
--high-contrast-flash-bulb-white-950: #090909;
}
$silver-screen-gray: #A6A6A6; $silver-screen-gray-50: #fdfdfd; $silver-screen-gray-100: #fbfbfb; $silver-screen-gray-200: #f5f5f5; $silver-screen-gray-300: #eeeeee; $silver-screen-gray-400: #e4e4e4; $silver-screen-gray-500: #A6A6A6; $silver-screen-gray-600: #b2b2b2; $silver-screen-gray-700: #7d7d7d; $silver-screen-gray-800: #4c4c4c; $silver-screen-gray-900: #242424; $silver-screen-gray-950: #060606; $deep-trenchcoat-charcoal: #2B2B2B; $deep-trenchcoat-charcoal-50: #f9f9f9; $deep-trenchcoat-charcoal-100: #f0f0f0; $deep-trenchcoat-charcoal-200: #dedede; $deep-trenchcoat-charcoal-300: #c7c7c7; $deep-trenchcoat-charcoal-400: #a8a8a8; $deep-trenchcoat-charcoal-500: #2B2B2B; $deep-trenchcoat-charcoal-600: #5f5f5f; $deep-trenchcoat-charcoal-700: #414141; $deep-trenchcoat-charcoal-800: #252525; $deep-trenchcoat-charcoal-900: #0e0e0e; $deep-trenchcoat-charcoal-950: #020202; $high-contrast-flash-bulb-white: #F5F5F5; $high-contrast-flash-bulb-white-50: #ffffff; $high-contrast-flash-bulb-white-100: #ffffff; $high-contrast-flash-bulb-white-200: #fefefe; $high-contrast-flash-bulb-white-300: #fdfdfd; $high-contrast-flash-bulb-white-400: #fcfcfc; $high-contrast-flash-bulb-white-500: #F5F5F5; $high-contrast-flash-bulb-white-600: #d3d3d3; $high-contrast-flash-bulb-white-700: #959595; $high-contrast-flash-bulb-white-800: #5c5c5c; $high-contrast-flash-bulb-white-900: #2d2d2d; $high-contrast-flash-bulb-white-950: #090909;
colors: {
'silver-screen-gray': {
50: '#fdfdfd',
100: '#fbfbfb',
200: '#f5f5f5',
300: '#eeeeee',
400: '#e4e4e4',
500: '#A6A6A6',
600: '#b2b2b2',
700: '#7d7d7d',
800: '#4c4c4c',
900: '#242424',
950: '#060606',
DEFAULT: '#A6A6A6',
},
'deep-trenchcoat-charcoal': {
50: '#f9f9f9',
100: '#f0f0f0',
200: '#dedede',
300: '#c7c7c7',
400: '#a8a8a8',
500: '#2B2B2B',
600: '#5f5f5f',
700: '#414141',
800: '#252525',
900: '#0e0e0e',
950: '#020202',
DEFAULT: '#2B2B2B',
},
'high-contrast-flash-bulb-white': {
50: '#ffffff',
100: '#ffffff',
200: '#fefefe',
300: '#fdfdfd',
400: '#fcfcfc',
500: '#F5F5F5',
600: '#d3d3d3',
700: '#959595',
800: '#5c5c5c',
900: '#2d2d2d',
950: '#090909',
DEFAULT: '#F5F5F5',
},
},
[
{
"name": "silver-screen-gray",
"harmony": "Palette",
"hex": "#A6A6A6",
"rgb": {
"r": 166,
"g": 166,
"b": 166
},
"hsl": {
"h": 0,
"s": 0,
"l": 65
},
"value": "#A6A6A6",
"tonalScale": {
"50": {
"hex": "#fdfdfd",
"rgb": {
"r": 253,
"g": 253,
"b": 253
}
},
"100": {
"hex": "#fbfbfb",
"rgb": {
"r": 251,
"g": 251,
"b": 251
}
},
"200": {
"hex": "#f5f5f5",
"rgb": {
"r": 245,
"g": 245,
"b": 245
}
},
"300": {
"hex": "#eeeeee",
"rgb": {
"r": 238,
"g": 238,
"b": 238
}
},
"400": {
"hex": "#e4e4e4",
"rgb": {
"r": 228,
"g": 228,
"b": 228
}
},
"500": {
"hex": "#A6A6A6",
"rgb": {
"r": 166,
"g": 166,
"b": 166
}
},
"600": {
"hex": "#b2b2b2",
"rgb": {
"r": 178,
"g": 178,
"b": 178
}
},
"700": {
"hex": "#7d7d7d",
"rgb": {
"r": 125,
"g": 125,
"b": 125
}
},
"800": {
"hex": "#4c4c4c",
"rgb": {
"r": 76,
"g": 76,
"b": 76
}
},
"900": {
"hex": "#242424",
"rgb": {
"r": 36,
"g": 36,
"b": 36
}
},
"950": {
"hex": "#060606",
"rgb": {
"r": 6,
"g": 6,
"b": 6
}
}
}
},
{
"name": "deep-trenchcoat-charcoal",
"harmony": "Palette",
"hex": "#2B2B2B",
"rgb": {
"r": 43,
"g": 43,
"b": 43
},
"hsl": {
"h": 0,
"s": 0,
"l": 17
},
"value": "#2B2B2B",
"tonalScale": {
"50": {
"hex": "#f9f9f9",
"rgb": {
"r": 249,
"g": 249,
"b": 249
}
},
"100": {
"hex": "#f0f0f0",
"rgb": {
"r": 240,
"g": 240,
"b": 240
}
},
"200": {
"hex": "#dedede",
"rgb": {
"r": 222,
"g": 222,
"b": 222
}
},
"300": {
"hex": "#c7c7c7",
"rgb": {
"r": 199,
"g": 199,
"b": 199
}
},
"400": {
"hex": "#a8a8a8",
"rgb": {
"r": 168,
"g": 168,
"b": 168
}
},
"500": {
"hex": "#2B2B2B",
"rgb": {
"r": 43,
"g": 43,
"b": 43
}
},
"600": {
"hex": "#5f5f5f",
"rgb": {
"r": 95,
"g": 95,
"b": 95
}
},
"700": {
"hex": "#414141",
"rgb": {
"r": 65,
"g": 65,
"b": 65
}
},
"800": {
"hex": "#252525",
"rgb": {
"r": 37,
"g": 37,
"b": 37
}
},
"900": {
"hex": "#0e0e0e",
"rgb": {
"r": 14,
"g": 14,
"b": 14
}
},
"950": {
"hex": "#020202",
"rgb": {
"r": 2,
"g": 2,
"b": 2
}
}
}
},
{
"name": "high-contrast-flash-bulb-white",
"harmony": "Palette",
"hex": "#F5F5F5",
"rgb": {
"r": 245,
"g": 245,
"b": 245
},
"hsl": {
"h": 0,
"s": 0,
"l": 96
},
"value": "#F5F5F5",
"tonalScale": {
"50": {
"hex": "#ffffff",
"rgb": {
"r": 255,
"g": 255,
"b": 255
}
},
"100": {
"hex": "#ffffff",
"rgb": {
"r": 255,
"g": 255,
"b": 255
}
},
"200": {
"hex": "#fefefe",
"rgb": {
"r": 254,
"g": 254,
"b": 254
}
},
"300": {
"hex": "#fdfdfd",
"rgb": {
"r": 253,
"g": 253,
"b": 253
}
},
"400": {
"hex": "#fcfcfc",
"rgb": {
"r": 252,
"g": 252,
"b": 252
}
},
"500": {
"hex": "#F5F5F5",
"rgb": {
"r": 245,
"g": 245,
"b": 245
}
},
"600": {
"hex": "#d3d3d3",
"rgb": {
"r": 211,
"g": 211,
"b": 211
}
},
"700": {
"hex": "#959595",
"rgb": {
"r": 149,
"g": 149,
"b": 149
}
},
"800": {
"hex": "#5c5c5c",
"rgb": {
"r": 92,
"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,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 silver-screen-gray,Palette,#A6A6A6,"rgb(166, 166, 166)","hsl(0, 0%, 65%)",#A6A6A6,#fdfdfd,#fbfbfb,#f5f5f5,#eeeeee,#e4e4e4,#A6A6A6,#b2b2b2,#7d7d7d,#4c4c4c,#242424,#060606 deep-trenchcoat-charcoal,Palette,#2B2B2B,"rgb(43, 43, 43)","hsl(0, 0%, 17%)",#2B2B2B,#f9f9f9,#f0f0f0,#dedede,#c7c7c7,#a8a8a8,#2B2B2B,#5f5f5f,#414141,#252525,#0e0e0e,#020202 high-contrast-flash-bulb-white,Palette,#F5F5F5,"rgb(245, 245, 245)","hsl(0, 0%, 96%)",#F5F5F5,#ffffff,#ffffff,#fefefe,#fdfdfd,#fcfcfc,#F5F5F5,#d3d3d3,#959595,#5c5c5c,#2d2d2d,#090909
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 166 166 166 silver-screen-gray 253 253 253 silver-screen-gray-50 251 251 251 silver-screen-gray-100 245 245 245 silver-screen-gray-200 238 238 238 silver-screen-gray-300 228 228 228 silver-screen-gray-400 166 166 166 silver-screen-gray-500 178 178 178 silver-screen-gray-600 125 125 125 silver-screen-gray-700 76 76 76 silver-screen-gray-800 36 36 36 silver-screen-gray-900 6 6 6 silver-screen-gray-950 43 43 43 deep-trenchcoat-charcoal 249 249 249 deep-trenchcoat-charcoal-50 240 240 240 deep-trenchcoat-charcoal-100 222 222 222 deep-trenchcoat-charcoal-200 199 199 199 deep-trenchcoat-charcoal-300 168 168 168 deep-trenchcoat-charcoal-400 43 43 43 deep-trenchcoat-charcoal-500 95 95 95 deep-trenchcoat-charcoal-600 65 65 65 deep-trenchcoat-charcoal-700 37 37 37 deep-trenchcoat-charcoal-800 14 14 14 deep-trenchcoat-charcoal-900 2 2 2 deep-trenchcoat-charcoal-950 245 245 245 high-contrast-flash-bulb-white 255 255 255 high-contrast-flash-bulb-white-50 255 255 255 high-contrast-flash-bulb-white-100 254 254 254 high-contrast-flash-bulb-white-200 253 253 253 high-contrast-flash-bulb-white-300 252 252 252 high-contrast-flash-bulb-white-400 245 245 245 high-contrast-flash-bulb-white-500 211 211 211 high-contrast-flash-bulb-white-600 149 149 149 high-contrast-flash-bulb-white-700 92 92 92 high-contrast-flash-bulb-white-800 45 45 45 high-contrast-flash-bulb-white-900 9 9 9 high-contrast-flash-bulb-white-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.