← Back to Tools
Craft intimate vintage cozy colors with warm candlelight cream (#F7F1E6), toasted caramel (#E3C7A6), honey brown (#B28B67), deep umber (#6A4B3A), and near-black (#2B1F1A) for classic parlor moods.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--warm-candlelight-cream: #F7F1E6;
--warm-candlelight-cream-50: #fffffe;
--warm-candlelight-cream-100: #fffefd;
--warm-candlelight-cream-200: #fffefc;
--warm-candlelight-cream-300: #fefdfa;
--warm-candlelight-cream-400: #fdfbf7;
--warm-candlelight-cream-500: #F7F1E6;
--warm-candlelight-cream-600: #d4d2cd;
--warm-candlelight-cream-700: #969490;
--warm-candlelight-cream-800: #5c5b58;
--warm-candlelight-cream-900: #2d2c2a;
--warm-candlelight-cream-950: #090908;
--toasted-caramel: #E3C7A6;
--toasted-caramel-50: #fffefc;
--toasted-caramel-100: #fffcf9;
--toasted-caramel-200: #fef9f3;
--toasted-caramel-300: #fcf5eb;
--toasted-caramel-400: #faefe1;
--toasted-caramel-500: #E3C7A6;
--toasted-caramel-600: #cdc1b0;
--toasted-caramel-700: #92877a;
--toasted-caramel-800: #5a5248;
--toasted-caramel-900: #2d2721;
--toasted-caramel-950: #090705;
--honey-brown: #B28B67;
--honey-brown-50: #fffcf9;
--honey-brown-100: #fdf9f3;
--honey-brown-200: #f9f1e8;
--honey-brown-300: #f4e7d9;
--honey-brown-400: #ecdac7;
--honey-brown-500: #B28B67;
--honey-brown-600: #b9a48d;
--honey-brown-700: #84725f;
--honey-brown-800: #524536;
--honey-brown-900: #282016;
--honey-brown-950: #070503;
--deep-umber: #6A4B3A;
--deep-umber-50: #fdfaf8;
--deep-umber-100: #f9f3f0;
--deep-umber-200: #efe6e0;
--deep-umber-300: #e3d4cb;
--deep-umber-400: #d1bcaf;
--deep-umber-500: #6A4B3A;
--deep-umber-600: #927b6c;
--deep-umber-700: #685548;
--deep-umber-800: #403128;
--deep-umber-900: #1e150f;
--deep-umber-950: #040201;
--near-black: #2B1F1A;
--near-black-50: #faf8f7;
--near-black-100: #f2eeec;
--near-black-200: #e0dad7;
--near-black-300: #cac0bb;
--near-black-400: #ab9d96;
--near-black-500: #2B1F1A;
--near-black-600: #60514a;
--near-black-700: #433630;
--near-black-800: #271e19;
--near-black-900: #100a07;
--near-black-950: #020101;
}
$warm-candlelight-cream: #F7F1E6; $warm-candlelight-cream-50: #fffffe; $warm-candlelight-cream-100: #fffefd; $warm-candlelight-cream-200: #fffefc; $warm-candlelight-cream-300: #fefdfa; $warm-candlelight-cream-400: #fdfbf7; $warm-candlelight-cream-500: #F7F1E6; $warm-candlelight-cream-600: #d4d2cd; $warm-candlelight-cream-700: #969490; $warm-candlelight-cream-800: #5c5b58; $warm-candlelight-cream-900: #2d2c2a; $warm-candlelight-cream-950: #090908; $toasted-caramel: #E3C7A6; $toasted-caramel-50: #fffefc; $toasted-caramel-100: #fffcf9; $toasted-caramel-200: #fef9f3; $toasted-caramel-300: #fcf5eb; $toasted-caramel-400: #faefe1; $toasted-caramel-500: #E3C7A6; $toasted-caramel-600: #cdc1b0; $toasted-caramel-700: #92877a; $toasted-caramel-800: #5a5248; $toasted-caramel-900: #2d2721; $toasted-caramel-950: #090705; $honey-brown: #B28B67; $honey-brown-50: #fffcf9; $honey-brown-100: #fdf9f3; $honey-brown-200: #f9f1e8; $honey-brown-300: #f4e7d9; $honey-brown-400: #ecdac7; $honey-brown-500: #B28B67; $honey-brown-600: #b9a48d; $honey-brown-700: #84725f; $honey-brown-800: #524536; $honey-brown-900: #282016; $honey-brown-950: #070503; $deep-umber: #6A4B3A; $deep-umber-50: #fdfaf8; $deep-umber-100: #f9f3f0; $deep-umber-200: #efe6e0; $deep-umber-300: #e3d4cb; $deep-umber-400: #d1bcaf; $deep-umber-500: #6A4B3A; $deep-umber-600: #927b6c; $deep-umber-700: #685548; $deep-umber-800: #403128; $deep-umber-900: #1e150f; $deep-umber-950: #040201; $near-black: #2B1F1A; $near-black-50: #faf8f7; $near-black-100: #f2eeec; $near-black-200: #e0dad7; $near-black-300: #cac0bb; $near-black-400: #ab9d96; $near-black-500: #2B1F1A; $near-black-600: #60514a; $near-black-700: #433630; $near-black-800: #271e19; $near-black-900: #100a07; $near-black-950: #020101;
colors: {
'warm-candlelight-cream': {
50: '#fffffe',
100: '#fffefd',
200: '#fffefc',
300: '#fefdfa',
400: '#fdfbf7',
500: '#F7F1E6',
600: '#d4d2cd',
700: '#969490',
800: '#5c5b58',
900: '#2d2c2a',
950: '#090908',
DEFAULT: '#F7F1E6',
},
'toasted-caramel': {
50: '#fffefc',
100: '#fffcf9',
200: '#fef9f3',
300: '#fcf5eb',
400: '#faefe1',
500: '#E3C7A6',
600: '#cdc1b0',
700: '#92877a',
800: '#5a5248',
900: '#2d2721',
950: '#090705',
DEFAULT: '#E3C7A6',
},
'honey-brown': {
50: '#fffcf9',
100: '#fdf9f3',
200: '#f9f1e8',
300: '#f4e7d9',
400: '#ecdac7',
500: '#B28B67',
600: '#b9a48d',
700: '#84725f',
800: '#524536',
900: '#282016',
950: '#070503',
DEFAULT: '#B28B67',
},
'deep-umber': {
50: '#fdfaf8',
100: '#f9f3f0',
200: '#efe6e0',
300: '#e3d4cb',
400: '#d1bcaf',
500: '#6A4B3A',
600: '#927b6c',
700: '#685548',
800: '#403128',
900: '#1e150f',
950: '#040201',
DEFAULT: '#6A4B3A',
},
'near-black': {
50: '#faf8f7',
100: '#f2eeec',
200: '#e0dad7',
300: '#cac0bb',
400: '#ab9d96',
500: '#2B1F1A',
600: '#60514a',
700: '#433630',
800: '#271e19',
900: '#100a07',
950: '#020101',
DEFAULT: '#2B1F1A',
},
},
[
{
"name": "warm-candlelight-cream",
"harmony": "Palette",
"hex": "#F7F1E6",
"rgb": {
"r": 247,
"g": 241,
"b": 230
},
"hsl": {
"h": 39,
"s": 52,
"l": 94
},
"value": "#F7F1E6",
"tonalScale": {
"50": {
"hex": "#fffffe",
"rgb": {
"r": 255,
"g": 255,
"b": 254
}
},
"100": {
"hex": "#fffefd",
"rgb": {
"r": 255,
"g": 254,
"b": 253
}
},
"200": {
"hex": "#fffefc",
"rgb": {
"r": 255,
"g": 254,
"b": 252
}
},
"300": {
"hex": "#fefdfa",
"rgb": {
"r": 254,
"g": 253,
"b": 250
}
},
"400": {
"hex": "#fdfbf7",
"rgb": {
"r": 253,
"g": 251,
"b": 247
}
},
"500": {
"hex": "#F7F1E6",
"rgb": {
"r": 247,
"g": 241,
"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": "#090908",
"rgb": {
"r": 9,
"g": 9,
"b": 8
}
}
}
},
{
"name": "toasted-caramel",
"harmony": "Palette",
"hex": "#E3C7A6",
"rgb": {
"r": 227,
"g": 199,
"b": 166
},
"hsl": {
"h": 32,
"s": 52,
"l": 77
},
"value": "#E3C7A6",
"tonalScale": {
"50": {
"hex": "#fffefc",
"rgb": {
"r": 255,
"g": 254,
"b": 252
}
},
"100": {
"hex": "#fffcf9",
"rgb": {
"r": 255,
"g": 252,
"b": 249
}
},
"200": {
"hex": "#fef9f3",
"rgb": {
"r": 254,
"g": 249,
"b": 243
}
},
"300": {
"hex": "#fcf5eb",
"rgb": {
"r": 252,
"g": 245,
"b": 235
}
},
"400": {
"hex": "#faefe1",
"rgb": {
"r": 250,
"g": 239,
"b": 225
}
},
"500": {
"hex": "#E3C7A6",
"rgb": {
"r": 227,
"g": 199,
"b": 166
}
},
"600": {
"hex": "#cdc1b0",
"rgb": {
"r": 205,
"g": 193,
"b": 176
}
},
"700": {
"hex": "#92877a",
"rgb": {
"r": 146,
"g": 135,
"b": 122
}
},
"800": {
"hex": "#5a5248",
"rgb": {
"r": 90,
"g": 82,
"b": 72
}
},
"900": {
"hex": "#2d2721",
"rgb": {
"r": 45,
"g": 39,
"b": 33
}
},
"950": {
"hex": "#090705",
"rgb": {
"r": 9,
"g": 7,
"b": 5
}
}
}
},
{
"name": "honey-brown",
"harmony": "Palette",
"hex": "#B28B67",
"rgb": {
"r": 178,
"g": 139,
"b": 103
},
"hsl": {
"h": 29,
"s": 33,
"l": 55
},
"value": "#B28B67",
"tonalScale": {
"50": {
"hex": "#fffcf9",
"rgb": {
"r": 255,
"g": 252,
"b": 249
}
},
"100": {
"hex": "#fdf9f3",
"rgb": {
"r": 253,
"g": 249,
"b": 243
}
},
"200": {
"hex": "#f9f1e8",
"rgb": {
"r": 249,
"g": 241,
"b": 232
}
},
"300": {
"hex": "#f4e7d9",
"rgb": {
"r": 244,
"g": 231,
"b": 217
}
},
"400": {
"hex": "#ecdac7",
"rgb": {
"r": 236,
"g": 218,
"b": 199
}
},
"500": {
"hex": "#B28B67",
"rgb": {
"r": 178,
"g": 139,
"b": 103
}
},
"600": {
"hex": "#b9a48d",
"rgb": {
"r": 185,
"g": 164,
"b": 141
}
},
"700": {
"hex": "#84725f",
"rgb": {
"r": 132,
"g": 114,
"b": 95
}
},
"800": {
"hex": "#524536",
"rgb": {
"r": 82,
"g": 69,
"b": 54
}
},
"900": {
"hex": "#282016",
"rgb": {
"r": 40,
"g": 32,
"b": 22
}
},
"950": {
"hex": "#070503",
"rgb": {
"r": 7,
"g": 5,
"b": 3
}
}
}
},
{
"name": "deep-umber",
"harmony": "Palette",
"hex": "#6A4B3A",
"rgb": {
"r": 106,
"g": 75,
"b": 58
},
"hsl": {
"h": 21,
"s": 29,
"l": 32
},
"value": "#6A4B3A",
"tonalScale": {
"50": {
"hex": "#fdfaf8",
"rgb": {
"r": 253,
"g": 250,
"b": 248
}
},
"100": {
"hex": "#f9f3f0",
"rgb": {
"r": 249,
"g": 243,
"b": 240
}
},
"200": {
"hex": "#efe6e0",
"rgb": {
"r": 239,
"g": 230,
"b": 224
}
},
"300": {
"hex": "#e3d4cb",
"rgb": {
"r": 227,
"g": 212,
"b": 203
}
},
"400": {
"hex": "#d1bcaf",
"rgb": {
"r": 209,
"g": 188,
"b": 175
}
},
"500": {
"hex": "#6A4B3A",
"rgb": {
"r": 106,
"g": 75,
"b": 58
}
},
"600": {
"hex": "#927b6c",
"rgb": {
"r": 146,
"g": 123,
"b": 108
}
},
"700": {
"hex": "#685548",
"rgb": {
"r": 104,
"g": 85,
"b": 72
}
},
"800": {
"hex": "#403128",
"rgb": {
"r": 64,
"g": 49,
"b": 40
}
},
"900": {
"hex": "#1e150f",
"rgb": {
"r": 30,
"g": 21,
"b": 15
}
},
"950": {
"hex": "#040201",
"rgb": {
"r": 4,
"g": 2,
"b": 1
}
}
}
},
{
"name": "near-black",
"harmony": "Palette",
"hex": "#2B1F1A",
"rgb": {
"r": 43,
"g": 31,
"b": 26
},
"hsl": {
"h": 18,
"s": 25,
"l": 14
},
"value": "#2B1F1A",
"tonalScale": {
"50": {
"hex": "#faf8f7",
"rgb": {
"r": 250,
"g": 248,
"b": 247
}
},
"100": {
"hex": "#f2eeec",
"rgb": {
"r": 242,
"g": 238,
"b": 236
}
},
"200": {
"hex": "#e0dad7",
"rgb": {
"r": 224,
"g": 218,
"b": 215
}
},
"300": {
"hex": "#cac0bb",
"rgb": {
"r": 202,
"g": 192,
"b": 187
}
},
"400": {
"hex": "#ab9d96",
"rgb": {
"r": 171,
"g": 157,
"b": 150
}
},
"500": {
"hex": "#2B1F1A",
"rgb": {
"r": 43,
"g": 31,
"b": 26
}
},
"600": {
"hex": "#60514a",
"rgb": {
"r": 96,
"g": 81,
"b": 74
}
},
"700": {
"hex": "#433630",
"rgb": {
"r": 67,
"g": 54,
"b": 48
}
},
"800": {
"hex": "#271e19",
"rgb": {
"r": 39,
"g": 30,
"b": 25
}
},
"900": {
"hex": "#100a07",
"rgb": {
"r": 16,
"g": 10,
"b": 7
}
},
"950": {
"hex": "#020101",
"rgb": {
"r": 2,
"g": 1,
"b": 1
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 warm-candlelight-cream,Palette,#F7F1E6,"rgb(247, 241, 230)","hsl(39, 52%, 94%)",#F7F1E6,#fffffe,#fffefd,#fffefc,#fefdfa,#fdfbf7,#F7F1E6,#d4d2cd,#969490,#5c5b58,#2d2c2a,#090908 toasted-caramel,Palette,#E3C7A6,"rgb(227, 199, 166)","hsl(32, 52%, 77%)",#E3C7A6,#fffefc,#fffcf9,#fef9f3,#fcf5eb,#faefe1,#E3C7A6,#cdc1b0,#92877a,#5a5248,#2d2721,#090705 honey-brown,Palette,#B28B67,"rgb(178, 139, 103)","hsl(29, 33%, 55%)",#B28B67,#fffcf9,#fdf9f3,#f9f1e8,#f4e7d9,#ecdac7,#B28B67,#b9a48d,#84725f,#524536,#282016,#070503 deep-umber,Palette,#6A4B3A,"rgb(106, 75, 58)","hsl(21, 29%, 32%)",#6A4B3A,#fdfaf8,#f9f3f0,#efe6e0,#e3d4cb,#d1bcaf,#6A4B3A,#927b6c,#685548,#403128,#1e150f,#040201 near-black,Palette,#2B1F1A,"rgb(43, 31, 26)","hsl(18, 25%, 14%)",#2B1F1A,#faf8f7,#f2eeec,#e0dad7,#cac0bb,#ab9d96,#2B1F1A,#60514a,#433630,#271e19,#100a07,#020101
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 247 241 230 warm-candlelight-cream 255 255 254 warm-candlelight-cream-50 255 254 253 warm-candlelight-cream-100 255 254 252 warm-candlelight-cream-200 254 253 250 warm-candlelight-cream-300 253 251 247 warm-candlelight-cream-400 247 241 230 warm-candlelight-cream-500 212 210 205 warm-candlelight-cream-600 150 148 144 warm-candlelight-cream-700 92 91 88 warm-candlelight-cream-800 45 44 42 warm-candlelight-cream-900 9 9 8 warm-candlelight-cream-950 227 199 166 toasted-caramel 255 254 252 toasted-caramel-50 255 252 249 toasted-caramel-100 254 249 243 toasted-caramel-200 252 245 235 toasted-caramel-300 250 239 225 toasted-caramel-400 227 199 166 toasted-caramel-500 205 193 176 toasted-caramel-600 146 135 122 toasted-caramel-700 90 82 72 toasted-caramel-800 45 39 33 toasted-caramel-900 9 7 5 toasted-caramel-950 178 139 103 honey-brown 255 252 249 honey-brown-50 253 249 243 honey-brown-100 249 241 232 honey-brown-200 244 231 217 honey-brown-300 236 218 199 honey-brown-400 178 139 103 honey-brown-500 185 164 141 honey-brown-600 132 114 95 honey-brown-700 82 69 54 honey-brown-800 40 32 22 honey-brown-900 7 5 3 honey-brown-950 106 75 58 deep-umber 253 250 248 deep-umber-50 249 243 240 deep-umber-100 239 230 224 deep-umber-200 227 212 203 deep-umber-300 209 188 175 deep-umber-400 106 75 58 deep-umber-500 146 123 108 deep-umber-600 104 85 72 deep-umber-700 64 49 40 deep-umber-800 30 21 15 deep-umber-900 4 2 1 deep-umber-950 43 31 26 near-black 250 248 247 near-black-50 242 238 236 near-black-100 224 218 215 near-black-200 202 192 187 near-black-300 171 157 150 near-black-400 43 31 26 near-black-500 96 81 74 near-black-600 67 54 48 near-black-700 39 30 25 near-black-800 16 10 7 near-black-900 2 1 1 near-black-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.