← Back to Tools
Create minimalist modern and luxury branding with this black and cream palette featuring #1A1A1A soft black, #FFFDD0 cream, #000000 pure black, and #F5F5DC beigeige.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--soft-black: #1A1A1A;
--soft-black-50: #f8f8f8;
--soft-black-100: #ededed;
--soft-black-200: #d8d8d8;
--soft-black-300: #bdbdbd;
--soft-black-400: #989898;
--soft-black-500: #1A1A1A;
--soft-black-600: #4b4b4b;
--soft-black-700: #323232;
--soft-black-800: #1b1b1b;
--soft-black-900: #090909;
--soft-black-950: #010101;
--cream: #FFFDD0;
--cream-50: #fffffd;
--cream-100: #fffffb;
--cream-200: #fffff8;
--cream-300: #fffff3;
--cream-400: #ffffee;
--cream-500: #FFFDD0;
--cream-600: #d7d7c3;
--cream-700: #999888;
--cream-800: #5e5d51;
--cream-900: #2e2e26;
--cream-950: #090906;
--pure-black: #000000;
--pure-black-50: #f2f2f2;
--pure-black-100: #dedede;
--pure-black-200: #b7b7b7;
--pure-black-300: #868686;
--pure-black-400: #484848;
--pure-black-500: #000000;
--pure-black-600: #000000;
--pure-black-700: #000000;
--pure-black-800: #000000;
--pure-black-900: #000000;
--pure-black-950: #000000;
--beigeige: #F5F5DC;
--beigeige-50: #fffffe;
--beigeige-100: #fffffc;
--beigeige-200: #fefefa;
--beigeige-300: #fdfdf7;
--beigeige-400: #fdfdf3;
--beigeige-500: #F5F5DC;
--beigeige-600: #d4d4c9;
--beigeige-700: #96968d;
--beigeige-800: #5c5c55;
--beigeige-900: #2d2d29;
--beigeige-950: #090907;
}
$soft-black: #1A1A1A; $soft-black-50: #f8f8f8; $soft-black-100: #ededed; $soft-black-200: #d8d8d8; $soft-black-300: #bdbdbd; $soft-black-400: #989898; $soft-black-500: #1A1A1A; $soft-black-600: #4b4b4b; $soft-black-700: #323232; $soft-black-800: #1b1b1b; $soft-black-900: #090909; $soft-black-950: #010101; $cream: #FFFDD0; $cream-50: #fffffd; $cream-100: #fffffb; $cream-200: #fffff8; $cream-300: #fffff3; $cream-400: #ffffee; $cream-500: #FFFDD0; $cream-600: #d7d7c3; $cream-700: #999888; $cream-800: #5e5d51; $cream-900: #2e2e26; $cream-950: #090906; $pure-black: #000000; $pure-black-50: #f2f2f2; $pure-black-100: #dedede; $pure-black-200: #b7b7b7; $pure-black-300: #868686; $pure-black-400: #484848; $pure-black-500: #000000; $pure-black-600: #000000; $pure-black-700: #000000; $pure-black-800: #000000; $pure-black-900: #000000; $pure-black-950: #000000; $beigeige: #F5F5DC; $beigeige-50: #fffffe; $beigeige-100: #fffffc; $beigeige-200: #fefefa; $beigeige-300: #fdfdf7; $beigeige-400: #fdfdf3; $beigeige-500: #F5F5DC; $beigeige-600: #d4d4c9; $beigeige-700: #96968d; $beigeige-800: #5c5c55; $beigeige-900: #2d2d29; $beigeige-950: #090907;
colors: {
'soft-black': {
50: '#f8f8f8',
100: '#ededed',
200: '#d8d8d8',
300: '#bdbdbd',
400: '#989898',
500: '#1A1A1A',
600: '#4b4b4b',
700: '#323232',
800: '#1b1b1b',
900: '#090909',
950: '#010101',
DEFAULT: '#1A1A1A',
},
'cream': {
50: '#fffffd',
100: '#fffffb',
200: '#fffff8',
300: '#fffff3',
400: '#ffffee',
500: '#FFFDD0',
600: '#d7d7c3',
700: '#999888',
800: '#5e5d51',
900: '#2e2e26',
950: '#090906',
DEFAULT: '#FFFDD0',
},
'pure-black': {
50: '#f2f2f2',
100: '#dedede',
200: '#b7b7b7',
300: '#868686',
400: '#484848',
500: '#000000',
600: '#000000',
700: '#000000',
800: '#000000',
900: '#000000',
950: '#000000',
DEFAULT: '#000000',
},
'beigeige': {
50: '#fffffe',
100: '#fffffc',
200: '#fefefa',
300: '#fdfdf7',
400: '#fdfdf3',
500: '#F5F5DC',
600: '#d4d4c9',
700: '#96968d',
800: '#5c5c55',
900: '#2d2d29',
950: '#090907',
DEFAULT: '#F5F5DC',
},
},
[
{
"name": "soft-black",
"harmony": "Palette",
"hex": "#1A1A1A",
"rgb": {
"r": 26,
"g": 26,
"b": 26
},
"hsl": {
"h": 0,
"s": 0,
"l": 10
},
"value": "#1A1A1A",
"tonalScale": {
"50": {
"hex": "#f8f8f8",
"rgb": {
"r": 248,
"g": 248,
"b": 248
}
},
"100": {
"hex": "#ededed",
"rgb": {
"r": 237,
"g": 237,
"b": 237
}
},
"200": {
"hex": "#d8d8d8",
"rgb": {
"r": 216,
"g": 216,
"b": 216
}
},
"300": {
"hex": "#bdbdbd",
"rgb": {
"r": 189,
"g": 189,
"b": 189
}
},
"400": {
"hex": "#989898",
"rgb": {
"r": 152,
"g": 152,
"b": 152
}
},
"500": {
"hex": "#1A1A1A",
"rgb": {
"r": 26,
"g": 26,
"b": 26
}
},
"600": {
"hex": "#4b4b4b",
"rgb": {
"r": 75,
"g": 75,
"b": 75
}
},
"700": {
"hex": "#323232",
"rgb": {
"r": 50,
"g": 50,
"b": 50
}
},
"800": {
"hex": "#1b1b1b",
"rgb": {
"r": 27,
"g": 27,
"b": 27
}
},
"900": {
"hex": "#090909",
"rgb": {
"r": 9,
"g": 9,
"b": 9
}
},
"950": {
"hex": "#010101",
"rgb": {
"r": 1,
"g": 1,
"b": 1
}
}
}
},
{
"name": "cream",
"harmony": "Palette",
"hex": "#FFFDD0",
"rgb": {
"r": 255,
"g": 253,
"b": 208
},
"hsl": {
"h": 57,
"s": 100,
"l": 91
},
"value": "#FFFDD0",
"tonalScale": {
"50": {
"hex": "#fffffd",
"rgb": {
"r": 255,
"g": 255,
"b": 253
}
},
"100": {
"hex": "#fffffb",
"rgb": {
"r": 255,
"g": 255,
"b": 251
}
},
"200": {
"hex": "#fffff8",
"rgb": {
"r": 255,
"g": 255,
"b": 248
}
},
"300": {
"hex": "#fffff3",
"rgb": {
"r": 255,
"g": 255,
"b": 243
}
},
"400": {
"hex": "#ffffee",
"rgb": {
"r": 255,
"g": 255,
"b": 238
}
},
"500": {
"hex": "#FFFDD0",
"rgb": {
"r": 255,
"g": 253,
"b": 208
}
},
"600": {
"hex": "#d7d7c3",
"rgb": {
"r": 215,
"g": 215,
"b": 195
}
},
"700": {
"hex": "#999888",
"rgb": {
"r": 153,
"g": 152,
"b": 136
}
},
"800": {
"hex": "#5e5d51",
"rgb": {
"r": 94,
"g": 93,
"b": 81
}
},
"900": {
"hex": "#2e2e26",
"rgb": {
"r": 46,
"g": 46,
"b": 38
}
},
"950": {
"hex": "#090906",
"rgb": {
"r": 9,
"g": 9,
"b": 6
}
}
}
},
{
"name": "pure-black",
"harmony": "Palette",
"hex": "#000000",
"rgb": {
"r": 0,
"g": 0,
"b": 0
},
"hsl": {
"h": 0,
"s": 0,
"l": 0
},
"value": "#000000",
"tonalScale": {
"50": {
"hex": "#f2f2f2",
"rgb": {
"r": 242,
"g": 242,
"b": 242
}
},
"100": {
"hex": "#dedede",
"rgb": {
"r": 222,
"g": 222,
"b": 222
}
},
"200": {
"hex": "#b7b7b7",
"rgb": {
"r": 183,
"g": 183,
"b": 183
}
},
"300": {
"hex": "#868686",
"rgb": {
"r": 134,
"g": 134,
"b": 134
}
},
"400": {
"hex": "#484848",
"rgb": {
"r": 72,
"g": 72,
"b": 72
}
},
"500": {
"hex": "#000000",
"rgb": {
"r": 0,
"g": 0,
"b": 0
}
},
"600": {
"hex": "#000000",
"rgb": {
"r": 0,
"g": 0,
"b": 0
}
},
"700": {
"hex": "#000000",
"rgb": {
"r": 0,
"g": 0,
"b": 0
}
},
"800": {
"hex": "#000000",
"rgb": {
"r": 0,
"g": 0,
"b": 0
}
},
"900": {
"hex": "#000000",
"rgb": {
"r": 0,
"g": 0,
"b": 0
}
},
"950": {
"hex": "#000000",
"rgb": {
"r": 0,
"g": 0,
"b": 0
}
}
}
},
{
"name": "beigeige",
"harmony": "Palette",
"hex": "#F5F5DC",
"rgb": {
"r": 245,
"g": 245,
"b": 220
},
"hsl": {
"h": 60,
"s": 56,
"l": 91
},
"value": "#F5F5DC",
"tonalScale": {
"50": {
"hex": "#fffffe",
"rgb": {
"r": 255,
"g": 255,
"b": 254
}
},
"100": {
"hex": "#fffffc",
"rgb": {
"r": 255,
"g": 255,
"b": 252
}
},
"200": {
"hex": "#fefefa",
"rgb": {
"r": 254,
"g": 254,
"b": 250
}
},
"300": {
"hex": "#fdfdf7",
"rgb": {
"r": 253,
"g": 253,
"b": 247
}
},
"400": {
"hex": "#fdfdf3",
"rgb": {
"r": 253,
"g": 253,
"b": 243
}
},
"500": {
"hex": "#F5F5DC",
"rgb": {
"r": 245,
"g": 245,
"b": 220
}
},
"600": {
"hex": "#d4d4c9",
"rgb": {
"r": 212,
"g": 212,
"b": 201
}
},
"700": {
"hex": "#96968d",
"rgb": {
"r": 150,
"g": 150,
"b": 141
}
},
"800": {
"hex": "#5c5c55",
"rgb": {
"r": 92,
"g": 92,
"b": 85
}
},
"900": {
"hex": "#2d2d29",
"rgb": {
"r": 45,
"g": 45,
"b": 41
}
},
"950": {
"hex": "#090907",
"rgb": {
"r": 9,
"g": 9,
"b": 7
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 soft-black,Palette,#1A1A1A,"rgb(26, 26, 26)","hsl(0, 0%, 10%)",#1A1A1A,#f8f8f8,#ededed,#d8d8d8,#bdbdbd,#989898,#1A1A1A,#4b4b4b,#323232,#1b1b1b,#090909,#010101 cream,Palette,#FFFDD0,"rgb(255, 253, 208)","hsl(57, 100%, 91%)",#FFFDD0,#fffffd,#fffffb,#fffff8,#fffff3,#ffffee,#FFFDD0,#d7d7c3,#999888,#5e5d51,#2e2e26,#090906 pure-black,Palette,#000000,"rgb(0, 0, 0)","hsl(0, 0%, 0%)",#000000,#f2f2f2,#dedede,#b7b7b7,#868686,#484848,#000000,#000000,#000000,#000000,#000000,#000000 beigeige,Palette,#F5F5DC,"rgb(245, 245, 220)","hsl(60, 56%, 91%)",#F5F5DC,#fffffe,#fffffc,#fefefa,#fdfdf7,#fdfdf3,#F5F5DC,#d4d4c9,#96968d,#5c5c55,#2d2d29,#090907
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 26 26 26 soft-black 248 248 248 soft-black-50 237 237 237 soft-black-100 216 216 216 soft-black-200 189 189 189 soft-black-300 152 152 152 soft-black-400 26 26 26 soft-black-500 75 75 75 soft-black-600 50 50 50 soft-black-700 27 27 27 soft-black-800 9 9 9 soft-black-900 1 1 1 soft-black-950 255 253 208 cream 255 255 253 cream-50 255 255 251 cream-100 255 255 248 cream-200 255 255 243 cream-300 255 255 238 cream-400 255 253 208 cream-500 215 215 195 cream-600 153 152 136 cream-700 94 93 81 cream-800 46 46 38 cream-900 9 9 6 cream-950 0 0 0 pure-black 242 242 242 pure-black-50 222 222 222 pure-black-100 183 183 183 pure-black-200 134 134 134 pure-black-300 72 72 72 pure-black-400 0 0 0 pure-black-500 0 0 0 pure-black-600 0 0 0 pure-black-700 0 0 0 pure-black-800 0 0 0 pure-black-900 0 0 0 pure-black-950 245 245 220 beigeige 255 255 254 beigeige-50 255 255 252 beigeige-100 254 254 250 beigeige-200 253 253 247 beigeige-300 253 253 243 beigeige-400 245 245 220 beigeige-500 212 212 201 beigeige-600 150 150 141 beigeige-700 92 92 85 beigeige-800 45 45 41 beigeige-900 9 9 7 beigeige-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.