← Back to Tools
Build crisp editorial contrast with clean ivory (#FFFFFB), warm paper (#EAE5DC), soft gray (#BEB8AF), charcoal (#2E2E31), and deep ink (#0B0B0C) for magazine-style minimal design.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--clean-ivory: #FFFFFB;
--clean-ivory-50: #ffffff;
--clean-ivory-100: #ffffff;
--clean-ivory-200: #fffffe;
--clean-ivory-300: #fffffe;
--clean-ivory-400: #fffffe;
--clean-ivory-500: #FFFFFB;
--clean-ivory-600: #d7d7d6;
--clean-ivory-700: #989897;
--clean-ivory-800: #5d5d5c;
--clean-ivory-900: #2e2e2d;
--clean-ivory-950: #090909;
--warm-paper: #EAE5DC;
--warm-paper-50: #fffffe;
--warm-paper-100: #fefefd;
--warm-paper-200: #fdfcfb;
--warm-paper-300: #fcfaf8;
--warm-paper-400: #faf8f5;
--warm-paper-500: #EAE5DC;
--warm-paper-600: #cfcdc9;
--warm-paper-700: #93918d;
--warm-paper-800: #5a5956;
--warm-paper-900: #2c2b29;
--warm-paper-950: #080808;
--soft-gray: #BEB8AF;
--soft-gray-50: #fefefd;
--soft-gray-100: #fcfcfb;
--soft-gray-200: #f8f7f6;
--soft-gray-300: #f4f2ef;
--soft-gray-400: #edeae6;
--soft-gray-500: #BEB8AF;
--soft-gray-600: #bdbab6;
--soft-gray-700: #85837f;
--soft-gray-800: #52504d;
--soft-gray-900: #272624;
--soft-gray-950: #070706;
--charcoal: #2E2E31;
--charcoal-50: #f9f9fa;
--charcoal-100: #f0f0f1;
--charcoal-200: #dfdfe1;
--charcoal-300: #c9c9cb;
--charcoal-400: #aaaaad;
--charcoal-500: #2E2E31;
--charcoal-600: #626266;
--charcoal-700: #434346;
--charcoal-800: #272729;
--charcoal-900: #0f0f10;
--charcoal-950: #020202;
--deep-ink: #0B0B0C;
--deep-ink-50: #f6f6f7;
--deep-ink-100: #e9e9ea;
--deep-ink-200: #d0d0d1;
--deep-ink-300: #afafb1;
--deep-ink-400: #838385;
--deep-ink-500: #0B0B0C;
--deep-ink-600: #303032;
--deep-ink-700: #1f1f21;
--deep-ink-800: #0f0f10;
--deep-ink-900: #040404;
--deep-ink-950: #000000;
}
$clean-ivory: #FFFFFB; $clean-ivory-50: #ffffff; $clean-ivory-100: #ffffff; $clean-ivory-200: #fffffe; $clean-ivory-300: #fffffe; $clean-ivory-400: #fffffe; $clean-ivory-500: #FFFFFB; $clean-ivory-600: #d7d7d6; $clean-ivory-700: #989897; $clean-ivory-800: #5d5d5c; $clean-ivory-900: #2e2e2d; $clean-ivory-950: #090909; $warm-paper: #EAE5DC; $warm-paper-50: #fffffe; $warm-paper-100: #fefefd; $warm-paper-200: #fdfcfb; $warm-paper-300: #fcfaf8; $warm-paper-400: #faf8f5; $warm-paper-500: #EAE5DC; $warm-paper-600: #cfcdc9; $warm-paper-700: #93918d; $warm-paper-800: #5a5956; $warm-paper-900: #2c2b29; $warm-paper-950: #080808; $soft-gray: #BEB8AF; $soft-gray-50: #fefefd; $soft-gray-100: #fcfcfb; $soft-gray-200: #f8f7f6; $soft-gray-300: #f4f2ef; $soft-gray-400: #edeae6; $soft-gray-500: #BEB8AF; $soft-gray-600: #bdbab6; $soft-gray-700: #85837f; $soft-gray-800: #52504d; $soft-gray-900: #272624; $soft-gray-950: #070706; $charcoal: #2E2E31; $charcoal-50: #f9f9fa; $charcoal-100: #f0f0f1; $charcoal-200: #dfdfe1; $charcoal-300: #c9c9cb; $charcoal-400: #aaaaad; $charcoal-500: #2E2E31; $charcoal-600: #626266; $charcoal-700: #434346; $charcoal-800: #272729; $charcoal-900: #0f0f10; $charcoal-950: #020202; $deep-ink: #0B0B0C; $deep-ink-50: #f6f6f7; $deep-ink-100: #e9e9ea; $deep-ink-200: #d0d0d1; $deep-ink-300: #afafb1; $deep-ink-400: #838385; $deep-ink-500: #0B0B0C; $deep-ink-600: #303032; $deep-ink-700: #1f1f21; $deep-ink-800: #0f0f10; $deep-ink-900: #040404; $deep-ink-950: #000000;
colors: {
'clean-ivory': {
50: '#ffffff',
100: '#ffffff',
200: '#fffffe',
300: '#fffffe',
400: '#fffffe',
500: '#FFFFFB',
600: '#d7d7d6',
700: '#989897',
800: '#5d5d5c',
900: '#2e2e2d',
950: '#090909',
DEFAULT: '#FFFFFB',
},
'warm-paper': {
50: '#fffffe',
100: '#fefefd',
200: '#fdfcfb',
300: '#fcfaf8',
400: '#faf8f5',
500: '#EAE5DC',
600: '#cfcdc9',
700: '#93918d',
800: '#5a5956',
900: '#2c2b29',
950: '#080808',
DEFAULT: '#EAE5DC',
},
'soft-gray': {
50: '#fefefd',
100: '#fcfcfb',
200: '#f8f7f6',
300: '#f4f2ef',
400: '#edeae6',
500: '#BEB8AF',
600: '#bdbab6',
700: '#85837f',
800: '#52504d',
900: '#272624',
950: '#070706',
DEFAULT: '#BEB8AF',
},
'charcoal': {
50: '#f9f9fa',
100: '#f0f0f1',
200: '#dfdfe1',
300: '#c9c9cb',
400: '#aaaaad',
500: '#2E2E31',
600: '#626266',
700: '#434346',
800: '#272729',
900: '#0f0f10',
950: '#020202',
DEFAULT: '#2E2E31',
},
'deep-ink': {
50: '#f6f6f7',
100: '#e9e9ea',
200: '#d0d0d1',
300: '#afafb1',
400: '#838385',
500: '#0B0B0C',
600: '#303032',
700: '#1f1f21',
800: '#0f0f10',
900: '#040404',
950: '#000000',
DEFAULT: '#0B0B0C',
},
},
[
{
"name": "clean-ivory",
"harmony": "Palette",
"hex": "#FFFFFB",
"rgb": {
"r": 255,
"g": 255,
"b": 251
},
"hsl": {
"h": 60,
"s": 100,
"l": 99
},
"value": "#FFFFFB",
"tonalScale": {
"50": {
"hex": "#ffffff",
"rgb": {
"r": 255,
"g": 255,
"b": 255
}
},
"100": {
"hex": "#ffffff",
"rgb": {
"r": 255,
"g": 255,
"b": 255
}
},
"200": {
"hex": "#fffffe",
"rgb": {
"r": 255,
"g": 255,
"b": 254
}
},
"300": {
"hex": "#fffffe",
"rgb": {
"r": 255,
"g": 255,
"b": 254
}
},
"400": {
"hex": "#fffffe",
"rgb": {
"r": 255,
"g": 255,
"b": 254
}
},
"500": {
"hex": "#FFFFFB",
"rgb": {
"r": 255,
"g": 255,
"b": 251
}
},
"600": {
"hex": "#d7d7d6",
"rgb": {
"r": 215,
"g": 215,
"b": 214
}
},
"700": {
"hex": "#989897",
"rgb": {
"r": 152,
"g": 152,
"b": 151
}
},
"800": {
"hex": "#5d5d5c",
"rgb": {
"r": 93,
"g": 93,
"b": 92
}
},
"900": {
"hex": "#2e2e2d",
"rgb": {
"r": 46,
"g": 46,
"b": 45
}
},
"950": {
"hex": "#090909",
"rgb": {
"r": 9,
"g": 9,
"b": 9
}
}
}
},
{
"name": "warm-paper",
"harmony": "Palette",
"hex": "#EAE5DC",
"rgb": {
"r": 234,
"g": 229,
"b": 220
},
"hsl": {
"h": 39,
"s": 25,
"l": 89
},
"value": "#EAE5DC",
"tonalScale": {
"50": {
"hex": "#fffffe",
"rgb": {
"r": 255,
"g": 255,
"b": 254
}
},
"100": {
"hex": "#fefefd",
"rgb": {
"r": 254,
"g": 254,
"b": 253
}
},
"200": {
"hex": "#fdfcfb",
"rgb": {
"r": 253,
"g": 252,
"b": 251
}
},
"300": {
"hex": "#fcfaf8",
"rgb": {
"r": 252,
"g": 250,
"b": 248
}
},
"400": {
"hex": "#faf8f5",
"rgb": {
"r": 250,
"g": 248,
"b": 245
}
},
"500": {
"hex": "#EAE5DC",
"rgb": {
"r": 234,
"g": 229,
"b": 220
}
},
"600": {
"hex": "#cfcdc9",
"rgb": {
"r": 207,
"g": 205,
"b": 201
}
},
"700": {
"hex": "#93918d",
"rgb": {
"r": 147,
"g": 145,
"b": 141
}
},
"800": {
"hex": "#5a5956",
"rgb": {
"r": 90,
"g": 89,
"b": 86
}
},
"900": {
"hex": "#2c2b29",
"rgb": {
"r": 44,
"g": 43,
"b": 41
}
},
"950": {
"hex": "#080808",
"rgb": {
"r": 8,
"g": 8,
"b": 8
}
}
}
},
{
"name": "soft-gray",
"harmony": "Palette",
"hex": "#BEB8AF",
"rgb": {
"r": 190,
"g": 184,
"b": 175
},
"hsl": {
"h": 36,
"s": 10,
"l": 72
},
"value": "#BEB8AF",
"tonalScale": {
"50": {
"hex": "#fefefd",
"rgb": {
"r": 254,
"g": 254,
"b": 253
}
},
"100": {
"hex": "#fcfcfb",
"rgb": {
"r": 252,
"g": 252,
"b": 251
}
},
"200": {
"hex": "#f8f7f6",
"rgb": {
"r": 248,
"g": 247,
"b": 246
}
},
"300": {
"hex": "#f4f2ef",
"rgb": {
"r": 244,
"g": 242,
"b": 239
}
},
"400": {
"hex": "#edeae6",
"rgb": {
"r": 237,
"g": 234,
"b": 230
}
},
"500": {
"hex": "#BEB8AF",
"rgb": {
"r": 190,
"g": 184,
"b": 175
}
},
"600": {
"hex": "#bdbab6",
"rgb": {
"r": 189,
"g": 186,
"b": 182
}
},
"700": {
"hex": "#85837f",
"rgb": {
"r": 133,
"g": 131,
"b": 127
}
},
"800": {
"hex": "#52504d",
"rgb": {
"r": 82,
"g": 80,
"b": 77
}
},
"900": {
"hex": "#272624",
"rgb": {
"r": 39,
"g": 38,
"b": 36
}
},
"950": {
"hex": "#070706",
"rgb": {
"r": 7,
"g": 7,
"b": 6
}
}
}
},
{
"name": "charcoal",
"harmony": "Palette",
"hex": "#2E2E31",
"rgb": {
"r": 46,
"g": 46,
"b": 49
},
"hsl": {
"h": 240,
"s": 3,
"l": 19
},
"value": "#2E2E31",
"tonalScale": {
"50": {
"hex": "#f9f9fa",
"rgb": {
"r": 249,
"g": 249,
"b": 250
}
},
"100": {
"hex": "#f0f0f1",
"rgb": {
"r": 240,
"g": 240,
"b": 241
}
},
"200": {
"hex": "#dfdfe1",
"rgb": {
"r": 223,
"g": 223,
"b": 225
}
},
"300": {
"hex": "#c9c9cb",
"rgb": {
"r": 201,
"g": 201,
"b": 203
}
},
"400": {
"hex": "#aaaaad",
"rgb": {
"r": 170,
"g": 170,
"b": 173
}
},
"500": {
"hex": "#2E2E31",
"rgb": {
"r": 46,
"g": 46,
"b": 49
}
},
"600": {
"hex": "#626266",
"rgb": {
"r": 98,
"g": 98,
"b": 102
}
},
"700": {
"hex": "#434346",
"rgb": {
"r": 67,
"g": 67,
"b": 70
}
},
"800": {
"hex": "#272729",
"rgb": {
"r": 39,
"g": 39,
"b": 41
}
},
"900": {
"hex": "#0f0f10",
"rgb": {
"r": 15,
"g": 15,
"b": 16
}
},
"950": {
"hex": "#020202",
"rgb": {
"r": 2,
"g": 2,
"b": 2
}
}
}
},
{
"name": "deep-ink",
"harmony": "Palette",
"hex": "#0B0B0C",
"rgb": {
"r": 11,
"g": 11,
"b": 12
},
"hsl": {
"h": 240,
"s": 4,
"l": 5
},
"value": "#0B0B0C",
"tonalScale": {
"50": {
"hex": "#f6f6f7",
"rgb": {
"r": 246,
"g": 246,
"b": 247
}
},
"100": {
"hex": "#e9e9ea",
"rgb": {
"r": 233,
"g": 233,
"b": 234
}
},
"200": {
"hex": "#d0d0d1",
"rgb": {
"r": 208,
"g": 208,
"b": 209
}
},
"300": {
"hex": "#afafb1",
"rgb": {
"r": 175,
"g": 175,
"b": 177
}
},
"400": {
"hex": "#838385",
"rgb": {
"r": 131,
"g": 131,
"b": 133
}
},
"500": {
"hex": "#0B0B0C",
"rgb": {
"r": 11,
"g": 11,
"b": 12
}
},
"600": {
"hex": "#303032",
"rgb": {
"r": 48,
"g": 48,
"b": 50
}
},
"700": {
"hex": "#1f1f21",
"rgb": {
"r": 31,
"g": 31,
"b": 33
}
},
"800": {
"hex": "#0f0f10",
"rgb": {
"r": 15,
"g": 15,
"b": 16
}
},
"900": {
"hex": "#040404",
"rgb": {
"r": 4,
"g": 4,
"b": 4
}
},
"950": {
"hex": "#000000",
"rgb": {
"r": 0,
"g": 0,
"b": 0
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 clean-ivory,Palette,#FFFFFB,"rgb(255, 255, 251)","hsl(60, 100%, 99%)",#FFFFFB,#ffffff,#ffffff,#fffffe,#fffffe,#fffffe,#FFFFFB,#d7d7d6,#989897,#5d5d5c,#2e2e2d,#090909 warm-paper,Palette,#EAE5DC,"rgb(234, 229, 220)","hsl(39, 25%, 89%)",#EAE5DC,#fffffe,#fefefd,#fdfcfb,#fcfaf8,#faf8f5,#EAE5DC,#cfcdc9,#93918d,#5a5956,#2c2b29,#080808 soft-gray,Palette,#BEB8AF,"rgb(190, 184, 175)","hsl(36, 10%, 72%)",#BEB8AF,#fefefd,#fcfcfb,#f8f7f6,#f4f2ef,#edeae6,#BEB8AF,#bdbab6,#85837f,#52504d,#272624,#070706 charcoal,Palette,#2E2E31,"rgb(46, 46, 49)","hsl(240, 3%, 19%)",#2E2E31,#f9f9fa,#f0f0f1,#dfdfe1,#c9c9cb,#aaaaad,#2E2E31,#626266,#434346,#272729,#0f0f10,#020202 deep-ink,Palette,#0B0B0C,"rgb(11, 11, 12)","hsl(240, 4%, 5%)",#0B0B0C,#f6f6f7,#e9e9ea,#d0d0d1,#afafb1,#838385,#0B0B0C,#303032,#1f1f21,#0f0f10,#040404,#000000
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 255 255 251 clean-ivory 255 255 255 clean-ivory-50 255 255 255 clean-ivory-100 255 255 254 clean-ivory-200 255 255 254 clean-ivory-300 255 255 254 clean-ivory-400 255 255 251 clean-ivory-500 215 215 214 clean-ivory-600 152 152 151 clean-ivory-700 93 93 92 clean-ivory-800 46 46 45 clean-ivory-900 9 9 9 clean-ivory-950 234 229 220 warm-paper 255 255 254 warm-paper-50 254 254 253 warm-paper-100 253 252 251 warm-paper-200 252 250 248 warm-paper-300 250 248 245 warm-paper-400 234 229 220 warm-paper-500 207 205 201 warm-paper-600 147 145 141 warm-paper-700 90 89 86 warm-paper-800 44 43 41 warm-paper-900 8 8 8 warm-paper-950 190 184 175 soft-gray 254 254 253 soft-gray-50 252 252 251 soft-gray-100 248 247 246 soft-gray-200 244 242 239 soft-gray-300 237 234 230 soft-gray-400 190 184 175 soft-gray-500 189 186 182 soft-gray-600 133 131 127 soft-gray-700 82 80 77 soft-gray-800 39 38 36 soft-gray-900 7 7 6 soft-gray-950 46 46 49 charcoal 249 249 250 charcoal-50 240 240 241 charcoal-100 223 223 225 charcoal-200 201 201 203 charcoal-300 170 170 173 charcoal-400 46 46 49 charcoal-500 98 98 102 charcoal-600 67 67 70 charcoal-700 39 39 41 charcoal-800 15 15 16 charcoal-900 2 2 2 charcoal-950 11 11 12 deep-ink 246 246 247 deep-ink-50 233 233 234 deep-ink-100 208 208 209 deep-ink-200 175 175 177 deep-ink-300 131 131 133 deep-ink-400 11 11 12 deep-ink-500 48 48 50 deep-ink-600 31 31 33 deep-ink-700 15 15 16 deep-ink-800 4 4 4 deep-ink-900 0 0 0 deep-ink-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.