← Back to Tools
Calculate high-end editorial layouts using luxury minimalist apparel brand colors featuring warm linen neutrals, bone whites, and rich charcoal accents.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--very-pale-orange: #F5F0E6;
--very-pale-orange-50: #fffffe;
--very-pale-orange-100: #fffefd;
--very-pale-orange-200: #fefefc;
--very-pale-orange-300: #fefcfa;
--very-pale-orange-400: #fdfbf7;
--very-pale-orange-500: #F5F0E6;
--very-pale-orange-600: #d4d2cd;
--very-pale-orange-700: #969490;
--very-pale-orange-800: #5c5b58;
--very-pale-orange-900: #2d2c2a;
--very-pale-orange-950: #090808;
--very-pale-orange: #E8E0D5;
--very-pale-orange-50: #fffefe;
--very-pale-orange-100: #fefefc;
--very-pale-orange-200: #fdfcfa;
--very-pale-orange-300: #fcfaf7;
--very-pale-orange-400: #f9f6f2;
--very-pale-orange-500: #E8E0D5;
--very-pale-orange-600: #cfcbc6;
--very-pale-orange-700: #928f8b;
--very-pale-orange-800: #5a5855;
--very-pale-orange-900: #2c2a29;
--very-pale-orange-950: #080807;
--pale-orange: #D4C8B8;
--pale-orange-50: #fffefd;
--pale-orange-100: #fefcfb;
--pale-orange-200: #fbf9f6;
--pale-orange-300: #f8f5f0;
--pale-orange-400: #f4efe9;
--pale-orange-500: #D4C8B8;
--pale-orange-600: #c7c1b9;
--pale-orange-700: #8d8882;
--pale-orange-800: #56534e;
--pale-orange-900: #2a2825;
--pale-orange-950: #080706;
--gray: #8B8580;
--gray-50: #fdfcfc;
--gray-100: #f9f8f8;
--gray-200: #f2f1ef;
--gray-300: #e8e6e4;
--gray-400: #dbd8d6;
--gray-500: #8B8580;
--gray-600: #a4a19e;
--gray-700: #73716e;
--gray-800: #464442;
--gray-900: #211f1e;
--gray-950: #050504;
--gray: #1C1C1C;
--gray-50: #f8f8f8;
--gray-100: #eeeeee;
--gray-200: #d9d9d9;
--gray-300: #bebebe;
--gray-400: #9a9a9a;
--gray-500: #1C1C1C;
--gray-600: #4d4d4d;
--gray-700: #343434;
--gray-800: #1d1d1d;
--gray-900: #0a0a0a;
--gray-950: #010101;
}
$very-pale-orange: #F5F0E6; $very-pale-orange-50: #fffffe; $very-pale-orange-100: #fffefd; $very-pale-orange-200: #fefefc; $very-pale-orange-300: #fefcfa; $very-pale-orange-400: #fdfbf7; $very-pale-orange-500: #F5F0E6; $very-pale-orange-600: #d4d2cd; $very-pale-orange-700: #969490; $very-pale-orange-800: #5c5b58; $very-pale-orange-900: #2d2c2a; $very-pale-orange-950: #090808; $very-pale-orange: #E8E0D5; $very-pale-orange-50: #fffefe; $very-pale-orange-100: #fefefc; $very-pale-orange-200: #fdfcfa; $very-pale-orange-300: #fcfaf7; $very-pale-orange-400: #f9f6f2; $very-pale-orange-500: #E8E0D5; $very-pale-orange-600: #cfcbc6; $very-pale-orange-700: #928f8b; $very-pale-orange-800: #5a5855; $very-pale-orange-900: #2c2a29; $very-pale-orange-950: #080807; $pale-orange: #D4C8B8; $pale-orange-50: #fffefd; $pale-orange-100: #fefcfb; $pale-orange-200: #fbf9f6; $pale-orange-300: #f8f5f0; $pale-orange-400: #f4efe9; $pale-orange-500: #D4C8B8; $pale-orange-600: #c7c1b9; $pale-orange-700: #8d8882; $pale-orange-800: #56534e; $pale-orange-900: #2a2825; $pale-orange-950: #080706; $gray: #8B8580; $gray-50: #fdfcfc; $gray-100: #f9f8f8; $gray-200: #f2f1ef; $gray-300: #e8e6e4; $gray-400: #dbd8d6; $gray-500: #8B8580; $gray-600: #a4a19e; $gray-700: #73716e; $gray-800: #464442; $gray-900: #211f1e; $gray-950: #050504; $gray: #1C1C1C; $gray-50: #f8f8f8; $gray-100: #eeeeee; $gray-200: #d9d9d9; $gray-300: #bebebe; $gray-400: #9a9a9a; $gray-500: #1C1C1C; $gray-600: #4d4d4d; $gray-700: #343434; $gray-800: #1d1d1d; $gray-900: #0a0a0a; $gray-950: #010101;
colors: {
'very-pale-orange': {
50: '#fffffe',
100: '#fffefd',
200: '#fefefc',
300: '#fefcfa',
400: '#fdfbf7',
500: '#F5F0E6',
600: '#d4d2cd',
700: '#969490',
800: '#5c5b58',
900: '#2d2c2a',
950: '#090808',
DEFAULT: '#F5F0E6',
},
'very-pale-orange': {
50: '#fffefe',
100: '#fefefc',
200: '#fdfcfa',
300: '#fcfaf7',
400: '#f9f6f2',
500: '#E8E0D5',
600: '#cfcbc6',
700: '#928f8b',
800: '#5a5855',
900: '#2c2a29',
950: '#080807',
DEFAULT: '#E8E0D5',
},
'pale-orange': {
50: '#fffefd',
100: '#fefcfb',
200: '#fbf9f6',
300: '#f8f5f0',
400: '#f4efe9',
500: '#D4C8B8',
600: '#c7c1b9',
700: '#8d8882',
800: '#56534e',
900: '#2a2825',
950: '#080706',
DEFAULT: '#D4C8B8',
},
'gray': {
50: '#fdfcfc',
100: '#f9f8f8',
200: '#f2f1ef',
300: '#e8e6e4',
400: '#dbd8d6',
500: '#8B8580',
600: '#a4a19e',
700: '#73716e',
800: '#464442',
900: '#211f1e',
950: '#050504',
DEFAULT: '#8B8580',
},
'gray': {
50: '#f8f8f8',
100: '#eeeeee',
200: '#d9d9d9',
300: '#bebebe',
400: '#9a9a9a',
500: '#1C1C1C',
600: '#4d4d4d',
700: '#343434',
800: '#1d1d1d',
900: '#0a0a0a',
950: '#010101',
DEFAULT: '#1C1C1C',
},
},
[
{
"name": "very-pale-orange",
"harmony": "Palette",
"hex": "#F5F0E6",
"rgb": {
"r": 245,
"g": 240,
"b": 230
},
"hsl": {
"h": 40,
"s": 43,
"l": 93
},
"value": "#F5F0E6",
"tonalScale": {
"50": {
"hex": "#fffffe",
"rgb": {
"r": 255,
"g": 255,
"b": 254
}
},
"100": {
"hex": "#fffefd",
"rgb": {
"r": 255,
"g": 254,
"b": 253
}
},
"200": {
"hex": "#fefefc",
"rgb": {
"r": 254,
"g": 254,
"b": 252
}
},
"300": {
"hex": "#fefcfa",
"rgb": {
"r": 254,
"g": 252,
"b": 250
}
},
"400": {
"hex": "#fdfbf7",
"rgb": {
"r": 253,
"g": 251,
"b": 247
}
},
"500": {
"hex": "#F5F0E6",
"rgb": {
"r": 245,
"g": 240,
"b": 230
}
},
"600": {
"hex": "#d4d2cd",
"rgb": {
"r": 212,
"g": 210,
"b": 205
}
},
"700": {
"hex": "#969490",
"rgb": {
"r": 150,
"g": 148,
"b": 144
}
},
"800": {
"hex": "#5c5b58",
"rgb": {
"r": 92,
"g": 91,
"b": 88
}
},
"900": {
"hex": "#2d2c2a",
"rgb": {
"r": 45,
"g": 44,
"b": 42
}
},
"950": {
"hex": "#090808",
"rgb": {
"r": 9,
"g": 8,
"b": 8
}
}
}
},
{
"name": "very-pale-orange",
"harmony": "Palette",
"hex": "#E8E0D5",
"rgb": {
"r": 232,
"g": 224,
"b": 213
},
"hsl": {
"h": 35,
"s": 29,
"l": 87
},
"value": "#E8E0D5",
"tonalScale": {
"50": {
"hex": "#fffefe",
"rgb": {
"r": 255,
"g": 254,
"b": 254
}
},
"100": {
"hex": "#fefefc",
"rgb": {
"r": 254,
"g": 254,
"b": 252
}
},
"200": {
"hex": "#fdfcfa",
"rgb": {
"r": 253,
"g": 252,
"b": 250
}
},
"300": {
"hex": "#fcfaf7",
"rgb": {
"r": 252,
"g": 250,
"b": 247
}
},
"400": {
"hex": "#f9f6f2",
"rgb": {
"r": 249,
"g": 246,
"b": 242
}
},
"500": {
"hex": "#E8E0D5",
"rgb": {
"r": 232,
"g": 224,
"b": 213
}
},
"600": {
"hex": "#cfcbc6",
"rgb": {
"r": 207,
"g": 203,
"b": 198
}
},
"700": {
"hex": "#928f8b",
"rgb": {
"r": 146,
"g": 143,
"b": 139
}
},
"800": {
"hex": "#5a5855",
"rgb": {
"r": 90,
"g": 88,
"b": 85
}
},
"900": {
"hex": "#2c2a29",
"rgb": {
"r": 44,
"g": 42,
"b": 41
}
},
"950": {
"hex": "#080807",
"rgb": {
"r": 8,
"g": 8,
"b": 7
}
}
}
},
{
"name": "pale-orange",
"harmony": "Palette",
"hex": "#D4C8B8",
"rgb": {
"r": 212,
"g": 200,
"b": 184
},
"hsl": {
"h": 34,
"s": 25,
"l": 78
},
"value": "#D4C8B8",
"tonalScale": {
"50": {
"hex": "#fffefd",
"rgb": {
"r": 255,
"g": 254,
"b": 253
}
},
"100": {
"hex": "#fefcfb",
"rgb": {
"r": 254,
"g": 252,
"b": 251
}
},
"200": {
"hex": "#fbf9f6",
"rgb": {
"r": 251,
"g": 249,
"b": 246
}
},
"300": {
"hex": "#f8f5f0",
"rgb": {
"r": 248,
"g": 245,
"b": 240
}
},
"400": {
"hex": "#f4efe9",
"rgb": {
"r": 244,
"g": 239,
"b": 233
}
},
"500": {
"hex": "#D4C8B8",
"rgb": {
"r": 212,
"g": 200,
"b": 184
}
},
"600": {
"hex": "#c7c1b9",
"rgb": {
"r": 199,
"g": 193,
"b": 185
}
},
"700": {
"hex": "#8d8882",
"rgb": {
"r": 141,
"g": 136,
"b": 130
}
},
"800": {
"hex": "#56534e",
"rgb": {
"r": 86,
"g": 83,
"b": 78
}
},
"900": {
"hex": "#2a2825",
"rgb": {
"r": 42,
"g": 40,
"b": 37
}
},
"950": {
"hex": "#080706",
"rgb": {
"r": 8,
"g": 7,
"b": 6
}
}
}
},
{
"name": "gray",
"harmony": "Palette",
"hex": "#8B8580",
"rgb": {
"r": 139,
"g": 133,
"b": 128
},
"hsl": {
"h": 27,
"s": 5,
"l": 52
},
"value": "#8B8580",
"tonalScale": {
"50": {
"hex": "#fdfcfc",
"rgb": {
"r": 253,
"g": 252,
"b": 252
}
},
"100": {
"hex": "#f9f8f8",
"rgb": {
"r": 249,
"g": 248,
"b": 248
}
},
"200": {
"hex": "#f2f1ef",
"rgb": {
"r": 242,
"g": 241,
"b": 239
}
},
"300": {
"hex": "#e8e6e4",
"rgb": {
"r": 232,
"g": 230,
"b": 228
}
},
"400": {
"hex": "#dbd8d6",
"rgb": {
"r": 219,
"g": 216,
"b": 214
}
},
"500": {
"hex": "#8B8580",
"rgb": {
"r": 139,
"g": 133,
"b": 128
}
},
"600": {
"hex": "#a4a19e",
"rgb": {
"r": 164,
"g": 161,
"b": 158
}
},
"700": {
"hex": "#73716e",
"rgb": {
"r": 115,
"g": 113,
"b": 110
}
},
"800": {
"hex": "#464442",
"rgb": {
"r": 70,
"g": 68,
"b": 66
}
},
"900": {
"hex": "#211f1e",
"rgb": {
"r": 33,
"g": 31,
"b": 30
}
},
"950": {
"hex": "#050504",
"rgb": {
"r": 5,
"g": 5,
"b": 4
}
}
}
},
{
"name": "gray",
"harmony": "Palette",
"hex": "#1C1C1C",
"rgb": {
"r": 28,
"g": 28,
"b": 28
},
"hsl": {
"h": 0,
"s": 0,
"l": 11
},
"value": "#1C1C1C",
"tonalScale": {
"50": {
"hex": "#f8f8f8",
"rgb": {
"r": 248,
"g": 248,
"b": 248
}
},
"100": {
"hex": "#eeeeee",
"rgb": {
"r": 238,
"g": 238,
"b": 238
}
},
"200": {
"hex": "#d9d9d9",
"rgb": {
"r": 217,
"g": 217,
"b": 217
}
},
"300": {
"hex": "#bebebe",
"rgb": {
"r": 190,
"g": 190,
"b": 190
}
},
"400": {
"hex": "#9a9a9a",
"rgb": {
"r": 154,
"g": 154,
"b": 154
}
},
"500": {
"hex": "#1C1C1C",
"rgb": {
"r": 28,
"g": 28,
"b": 28
}
},
"600": {
"hex": "#4d4d4d",
"rgb": {
"r": 77,
"g": 77,
"b": 77
}
},
"700": {
"hex": "#343434",
"rgb": {
"r": 52,
"g": 52,
"b": 52
}
},
"800": {
"hex": "#1d1d1d",
"rgb": {
"r": 29,
"g": 29,
"b": 29
}
},
"900": {
"hex": "#0a0a0a",
"rgb": {
"r": 10,
"g": 10,
"b": 10
}
},
"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 very-pale-orange,Palette,#F5F0E6,"rgb(245, 240, 230)","hsl(40, 43%, 93%)",#F5F0E6,#fffffe,#fffefd,#fefefc,#fefcfa,#fdfbf7,#F5F0E6,#d4d2cd,#969490,#5c5b58,#2d2c2a,#090808 very-pale-orange,Palette,#E8E0D5,"rgb(232, 224, 213)","hsl(35, 29%, 87%)",#E8E0D5,#fffefe,#fefefc,#fdfcfa,#fcfaf7,#f9f6f2,#E8E0D5,#cfcbc6,#928f8b,#5a5855,#2c2a29,#080807 pale-orange,Palette,#D4C8B8,"rgb(212, 200, 184)","hsl(34, 25%, 78%)",#D4C8B8,#fffefd,#fefcfb,#fbf9f6,#f8f5f0,#f4efe9,#D4C8B8,#c7c1b9,#8d8882,#56534e,#2a2825,#080706 gray,Palette,#8B8580,"rgb(139, 133, 128)","hsl(27, 5%, 52%)",#8B8580,#fdfcfc,#f9f8f8,#f2f1ef,#e8e6e4,#dbd8d6,#8B8580,#a4a19e,#73716e,#464442,#211f1e,#050504 gray,Palette,#1C1C1C,"rgb(28, 28, 28)","hsl(0, 0%, 11%)",#1C1C1C,#f8f8f8,#eeeeee,#d9d9d9,#bebebe,#9a9a9a,#1C1C1C,#4d4d4d,#343434,#1d1d1d,#0a0a0a,#010101
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 245 240 230 very-pale-orange 255 255 254 very-pale-orange-50 255 254 253 very-pale-orange-100 254 254 252 very-pale-orange-200 254 252 250 very-pale-orange-300 253 251 247 very-pale-orange-400 245 240 230 very-pale-orange-500 212 210 205 very-pale-orange-600 150 148 144 very-pale-orange-700 92 91 88 very-pale-orange-800 45 44 42 very-pale-orange-900 9 8 8 very-pale-orange-950 232 224 213 very-pale-orange 255 254 254 very-pale-orange-50 254 254 252 very-pale-orange-100 253 252 250 very-pale-orange-200 252 250 247 very-pale-orange-300 249 246 242 very-pale-orange-400 232 224 213 very-pale-orange-500 207 203 198 very-pale-orange-600 146 143 139 very-pale-orange-700 90 88 85 very-pale-orange-800 44 42 41 very-pale-orange-900 8 8 7 very-pale-orange-950 212 200 184 pale-orange 255 254 253 pale-orange-50 254 252 251 pale-orange-100 251 249 246 pale-orange-200 248 245 240 pale-orange-300 244 239 233 pale-orange-400 212 200 184 pale-orange-500 199 193 185 pale-orange-600 141 136 130 pale-orange-700 86 83 78 pale-orange-800 42 40 37 pale-orange-900 8 7 6 pale-orange-950 139 133 128 gray 253 252 252 gray-50 249 248 248 gray-100 242 241 239 gray-200 232 230 228 gray-300 219 216 214 gray-400 139 133 128 gray-500 164 161 158 gray-600 115 113 110 gray-700 70 68 66 gray-800 33 31 30 gray-900 5 5 4 gray-950 28 28 28 gray 248 248 248 gray-50 238 238 238 gray-100 217 217 217 gray-200 190 190 190 gray-300 154 154 154 gray-400 28 28 28 gray-500 77 77 77 gray-600 52 52 52 gray-700 29 29 29 gray-800 10 10 10 gray-900 1 1 1 gray-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.