← Back to Tools
Design elegant, minimal 2026 branding with this graphite palette featuring #4A4A4A graphite, #767676 steel gray, #A8A8A8 soft silver, #2B2B2B charcoal, and #161616 deep graphite black.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--graphite: #4A4A4A;
--graphite-50: #fafafa;
--graphite-100: #f4f4f4;
--graphite-200: #e6e6e6;
--graphite-300: #d5d5d5;
--graphite-400: #bdbdbd;
--graphite-500: #4A4A4A;
--graphite-600: #7b7b7b;
--graphite-700: #555555;
--graphite-800: #323232;
--graphite-900: #161616;
--graphite-950: #030303;
--steel-gray: #767676;
--steel-gray-50: #fcfcfc;
--steel-gray-100: #f7f7f7;
--steel-gray-200: #eeeeee;
--steel-gray-300: #e2e2e2;
--steel-gray-400: #d2d2d2;
--steel-gray-500: #767676;
--steel-gray-600: #989898;
--steel-gray-700: #6a6a6a;
--steel-gray-800: #404040;
--steel-gray-900: #1d1d1d;
--steel-gray-950: #040404;
--soft-silver: #A8A8A8;
--soft-silver-50: #fdfdfd;
--soft-silver-100: #fbfbfb;
--soft-silver-200: #f5f5f5;
--soft-silver-300: #efefef;
--soft-silver-400: #e5e5e5;
--soft-silver-500: #A8A8A8;
--soft-silver-600: #b3b3b3;
--soft-silver-700: #7e7e7e;
--soft-silver-800: #4c4c4c;
--soft-silver-900: #242424;
--soft-silver-950: #060606;
--charcoal: #2B2B2B;
--charcoal-50: #f9f9f9;
--charcoal-100: #f0f0f0;
--charcoal-200: #dedede;
--charcoal-300: #c7c7c7;
--charcoal-400: #a8a8a8;
--charcoal-500: #2B2B2B;
--charcoal-600: #5f5f5f;
--charcoal-700: #414141;
--charcoal-800: #252525;
--charcoal-900: #0e0e0e;
--charcoal-950: #020202;
--deep-graphite-black: #161616;
--deep-graphite-black-50: #f8f8f8;
--deep-graphite-black-100: #ececec;
--deep-graphite-black-200: #d6d6d6;
--deep-graphite-black-300: #bababa;
--deep-graphite-black-400: #949494;
--deep-graphite-black-500: #161616;
--deep-graphite-black-600: #454545;
--deep-graphite-black-700: #2e2e2e;
--deep-graphite-black-800: #191919;
--deep-graphite-black-900: #080808;
--deep-graphite-black-950: #010101;
}
$graphite: #4A4A4A; $graphite-50: #fafafa; $graphite-100: #f4f4f4; $graphite-200: #e6e6e6; $graphite-300: #d5d5d5; $graphite-400: #bdbdbd; $graphite-500: #4A4A4A; $graphite-600: #7b7b7b; $graphite-700: #555555; $graphite-800: #323232; $graphite-900: #161616; $graphite-950: #030303; $steel-gray: #767676; $steel-gray-50: #fcfcfc; $steel-gray-100: #f7f7f7; $steel-gray-200: #eeeeee; $steel-gray-300: #e2e2e2; $steel-gray-400: #d2d2d2; $steel-gray-500: #767676; $steel-gray-600: #989898; $steel-gray-700: #6a6a6a; $steel-gray-800: #404040; $steel-gray-900: #1d1d1d; $steel-gray-950: #040404; $soft-silver: #A8A8A8; $soft-silver-50: #fdfdfd; $soft-silver-100: #fbfbfb; $soft-silver-200: #f5f5f5; $soft-silver-300: #efefef; $soft-silver-400: #e5e5e5; $soft-silver-500: #A8A8A8; $soft-silver-600: #b3b3b3; $soft-silver-700: #7e7e7e; $soft-silver-800: #4c4c4c; $soft-silver-900: #242424; $soft-silver-950: #060606; $charcoal: #2B2B2B; $charcoal-50: #f9f9f9; $charcoal-100: #f0f0f0; $charcoal-200: #dedede; $charcoal-300: #c7c7c7; $charcoal-400: #a8a8a8; $charcoal-500: #2B2B2B; $charcoal-600: #5f5f5f; $charcoal-700: #414141; $charcoal-800: #252525; $charcoal-900: #0e0e0e; $charcoal-950: #020202; $deep-graphite-black: #161616; $deep-graphite-black-50: #f8f8f8; $deep-graphite-black-100: #ececec; $deep-graphite-black-200: #d6d6d6; $deep-graphite-black-300: #bababa; $deep-graphite-black-400: #949494; $deep-graphite-black-500: #161616; $deep-graphite-black-600: #454545; $deep-graphite-black-700: #2e2e2e; $deep-graphite-black-800: #191919; $deep-graphite-black-900: #080808; $deep-graphite-black-950: #010101;
colors: {
'graphite': {
50: '#fafafa',
100: '#f4f4f4',
200: '#e6e6e6',
300: '#d5d5d5',
400: '#bdbdbd',
500: '#4A4A4A',
600: '#7b7b7b',
700: '#555555',
800: '#323232',
900: '#161616',
950: '#030303',
DEFAULT: '#4A4A4A',
},
'steel-gray': {
50: '#fcfcfc',
100: '#f7f7f7',
200: '#eeeeee',
300: '#e2e2e2',
400: '#d2d2d2',
500: '#767676',
600: '#989898',
700: '#6a6a6a',
800: '#404040',
900: '#1d1d1d',
950: '#040404',
DEFAULT: '#767676',
},
'soft-silver': {
50: '#fdfdfd',
100: '#fbfbfb',
200: '#f5f5f5',
300: '#efefef',
400: '#e5e5e5',
500: '#A8A8A8',
600: '#b3b3b3',
700: '#7e7e7e',
800: '#4c4c4c',
900: '#242424',
950: '#060606',
DEFAULT: '#A8A8A8',
},
'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',
},
'deep-graphite-black': {
50: '#f8f8f8',
100: '#ececec',
200: '#d6d6d6',
300: '#bababa',
400: '#949494',
500: '#161616',
600: '#454545',
700: '#2e2e2e',
800: '#191919',
900: '#080808',
950: '#010101',
DEFAULT: '#161616',
},
},
[
{
"name": "graphite",
"harmony": "Palette",
"hex": "#4A4A4A",
"rgb": {
"r": 74,
"g": 74,
"b": 74
},
"hsl": {
"h": 0,
"s": 0,
"l": 29
},
"value": "#4A4A4A",
"tonalScale": {
"50": {
"hex": "#fafafa",
"rgb": {
"r": 250,
"g": 250,
"b": 250
}
},
"100": {
"hex": "#f4f4f4",
"rgb": {
"r": 244,
"g": 244,
"b": 244
}
},
"200": {
"hex": "#e6e6e6",
"rgb": {
"r": 230,
"g": 230,
"b": 230
}
},
"300": {
"hex": "#d5d5d5",
"rgb": {
"r": 213,
"g": 213,
"b": 213
}
},
"400": {
"hex": "#bdbdbd",
"rgb": {
"r": 189,
"g": 189,
"b": 189
}
},
"500": {
"hex": "#4A4A4A",
"rgb": {
"r": 74,
"g": 74,
"b": 74
}
},
"600": {
"hex": "#7b7b7b",
"rgb": {
"r": 123,
"g": 123,
"b": 123
}
},
"700": {
"hex": "#555555",
"rgb": {
"r": 85,
"g": 85,
"b": 85
}
},
"800": {
"hex": "#323232",
"rgb": {
"r": 50,
"g": 50,
"b": 50
}
},
"900": {
"hex": "#161616",
"rgb": {
"r": 22,
"g": 22,
"b": 22
}
},
"950": {
"hex": "#030303",
"rgb": {
"r": 3,
"g": 3,
"b": 3
}
}
}
},
{
"name": "steel-gray",
"harmony": "Palette",
"hex": "#767676",
"rgb": {
"r": 118,
"g": 118,
"b": 118
},
"hsl": {
"h": 0,
"s": 0,
"l": 46
},
"value": "#767676",
"tonalScale": {
"50": {
"hex": "#fcfcfc",
"rgb": {
"r": 252,
"g": 252,
"b": 252
}
},
"100": {
"hex": "#f7f7f7",
"rgb": {
"r": 247,
"g": 247,
"b": 247
}
},
"200": {
"hex": "#eeeeee",
"rgb": {
"r": 238,
"g": 238,
"b": 238
}
},
"300": {
"hex": "#e2e2e2",
"rgb": {
"r": 226,
"g": 226,
"b": 226
}
},
"400": {
"hex": "#d2d2d2",
"rgb": {
"r": 210,
"g": 210,
"b": 210
}
},
"500": {
"hex": "#767676",
"rgb": {
"r": 118,
"g": 118,
"b": 118
}
},
"600": {
"hex": "#989898",
"rgb": {
"r": 152,
"g": 152,
"b": 152
}
},
"700": {
"hex": "#6a6a6a",
"rgb": {
"r": 106,
"g": 106,
"b": 106
}
},
"800": {
"hex": "#404040",
"rgb": {
"r": 64,
"g": 64,
"b": 64
}
},
"900": {
"hex": "#1d1d1d",
"rgb": {
"r": 29,
"g": 29,
"b": 29
}
},
"950": {
"hex": "#040404",
"rgb": {
"r": 4,
"g": 4,
"b": 4
}
}
}
},
{
"name": "soft-silver",
"harmony": "Palette",
"hex": "#A8A8A8",
"rgb": {
"r": 168,
"g": 168,
"b": 168
},
"hsl": {
"h": 0,
"s": 0,
"l": 66
},
"value": "#A8A8A8",
"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": "#efefef",
"rgb": {
"r": 239,
"g": 239,
"b": 239
}
},
"400": {
"hex": "#e5e5e5",
"rgb": {
"r": 229,
"g": 229,
"b": 229
}
},
"500": {
"hex": "#A8A8A8",
"rgb": {
"r": 168,
"g": 168,
"b": 168
}
},
"600": {
"hex": "#b3b3b3",
"rgb": {
"r": 179,
"g": 179,
"b": 179
}
},
"700": {
"hex": "#7e7e7e",
"rgb": {
"r": 126,
"g": 126,
"b": 126
}
},
"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": "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": "deep-graphite-black",
"harmony": "Palette",
"hex": "#161616",
"rgb": {
"r": 22,
"g": 22,
"b": 22
},
"hsl": {
"h": 0,
"s": 0,
"l": 9
},
"value": "#161616",
"tonalScale": {
"50": {
"hex": "#f8f8f8",
"rgb": {
"r": 248,
"g": 248,
"b": 248
}
},
"100": {
"hex": "#ececec",
"rgb": {
"r": 236,
"g": 236,
"b": 236
}
},
"200": {
"hex": "#d6d6d6",
"rgb": {
"r": 214,
"g": 214,
"b": 214
}
},
"300": {
"hex": "#bababa",
"rgb": {
"r": 186,
"g": 186,
"b": 186
}
},
"400": {
"hex": "#949494",
"rgb": {
"r": 148,
"g": 148,
"b": 148
}
},
"500": {
"hex": "#161616",
"rgb": {
"r": 22,
"g": 22,
"b": 22
}
},
"600": {
"hex": "#454545",
"rgb": {
"r": 69,
"g": 69,
"b": 69
}
},
"700": {
"hex": "#2e2e2e",
"rgb": {
"r": 46,
"g": 46,
"b": 46
}
},
"800": {
"hex": "#191919",
"rgb": {
"r": 25,
"g": 25,
"b": 25
}
},
"900": {
"hex": "#080808",
"rgb": {
"r": 8,
"g": 8,
"b": 8
}
},
"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 graphite,Palette,#4A4A4A,"rgb(74, 74, 74)","hsl(0, 0%, 29%)",#4A4A4A,#fafafa,#f4f4f4,#e6e6e6,#d5d5d5,#bdbdbd,#4A4A4A,#7b7b7b,#555555,#323232,#161616,#030303 steel-gray,Palette,#767676,"rgb(118, 118, 118)","hsl(0, 0%, 46%)",#767676,#fcfcfc,#f7f7f7,#eeeeee,#e2e2e2,#d2d2d2,#767676,#989898,#6a6a6a,#404040,#1d1d1d,#040404 soft-silver,Palette,#A8A8A8,"rgb(168, 168, 168)","hsl(0, 0%, 66%)",#A8A8A8,#fdfdfd,#fbfbfb,#f5f5f5,#efefef,#e5e5e5,#A8A8A8,#b3b3b3,#7e7e7e,#4c4c4c,#242424,#060606 charcoal,Palette,#2B2B2B,"rgb(43, 43, 43)","hsl(0, 0%, 17%)",#2B2B2B,#f9f9f9,#f0f0f0,#dedede,#c7c7c7,#a8a8a8,#2B2B2B,#5f5f5f,#414141,#252525,#0e0e0e,#020202 deep-graphite-black,Palette,#161616,"rgb(22, 22, 22)","hsl(0, 0%, 9%)",#161616,#f8f8f8,#ececec,#d6d6d6,#bababa,#949494,#161616,#454545,#2e2e2e,#191919,#080808,#010101
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 74 74 74 graphite 250 250 250 graphite-50 244 244 244 graphite-100 230 230 230 graphite-200 213 213 213 graphite-300 189 189 189 graphite-400 74 74 74 graphite-500 123 123 123 graphite-600 85 85 85 graphite-700 50 50 50 graphite-800 22 22 22 graphite-900 3 3 3 graphite-950 118 118 118 steel-gray 252 252 252 steel-gray-50 247 247 247 steel-gray-100 238 238 238 steel-gray-200 226 226 226 steel-gray-300 210 210 210 steel-gray-400 118 118 118 steel-gray-500 152 152 152 steel-gray-600 106 106 106 steel-gray-700 64 64 64 steel-gray-800 29 29 29 steel-gray-900 4 4 4 steel-gray-950 168 168 168 soft-silver 253 253 253 soft-silver-50 251 251 251 soft-silver-100 245 245 245 soft-silver-200 239 239 239 soft-silver-300 229 229 229 soft-silver-400 168 168 168 soft-silver-500 179 179 179 soft-silver-600 126 126 126 soft-silver-700 76 76 76 soft-silver-800 36 36 36 soft-silver-900 6 6 6 soft-silver-950 43 43 43 charcoal 249 249 249 charcoal-50 240 240 240 charcoal-100 222 222 222 charcoal-200 199 199 199 charcoal-300 168 168 168 charcoal-400 43 43 43 charcoal-500 95 95 95 charcoal-600 65 65 65 charcoal-700 37 37 37 charcoal-800 14 14 14 charcoal-900 2 2 2 charcoal-950 22 22 22 deep-graphite-black 248 248 248 deep-graphite-black-50 236 236 236 deep-graphite-black-100 214 214 214 deep-graphite-black-200 186 186 186 deep-graphite-black-300 148 148 148 deep-graphite-black-400 22 22 22 deep-graphite-black-500 69 69 69 deep-graphite-black-600 46 46 46 deep-graphite-black-700 25 25 25 deep-graphite-black-800 8 8 8 deep-graphite-black-900 1 1 1 deep-graphite-black-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.