← Back to Tools
Build glowing hygge tones with soft cream (#FFF1DF), amber glow (#F0CF9A), golden honey (#D59A4B), toasted brown (#8B5B2E), and dark espresso (#2A1C12) for warm seasonal designs.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--soft-cream: #FFF1DF;
--soft-cream-50: #fffffe;
--soft-cream-100: #fffefd;
--soft-cream-200: #fffefb;
--soft-cream-300: #fffcf8;
--soft-cream-400: #fffbf5;
--soft-cream-500: #FFF1DF;
--soft-cream-600: #d8d2ca;
--soft-cream-700: #99948e;
--soft-cream-800: #5e5b56;
--soft-cream-900: #2e2c29;
--soft-cream-950: #090807;
--amber-glow: #F0CF9A;
--amber-glow-50: #fffefb;
--amber-glow-100: #fffdf7;
--amber-glow-200: #fffaf0;
--amber-glow-300: #fff6e7;
--amber-glow-400: #fef1db;
--amber-glow-500: #F0CF9A;
--amber-glow-600: #d2c4aa;
--amber-glow-700: #968a74;
--amber-glow-800: #5d5443;
--amber-glow-900: #2e281e;
--amber-glow-950: #090704;
--golden-honey: #D59A4B;
--golden-honey-50: #fffdf6;
--golden-honey-100: #fffaee;
--golden-honey-200: #fff3e0;
--golden-honey-300: #fdebcc;
--golden-honey-400: #f9e0b4;
--golden-honey-500: #D59A4B;
--golden-honey-600: #c8ab77;
--golden-honey-700: #90784b;
--golden-honey-800: #5a4825;
--golden-honey-900: #2d210a;
--golden-honey-950: #090501;
--toasted-brown: #8B5B2E;
--toasted-brown-50: #fffbf5;
--toasted-brown-100: #fcf5ec;
--toasted-brown-200: #f6e9da;
--toasted-brown-300: #eddac2;
--toasted-brown-400: #e0c5a3;
--toasted-brown-500: #8B5B2E;
--toasted-brown-600: #a6875f;
--toasted-brown-700: #775d3b;
--toasted-brown-800: #4a361c;
--toasted-brown-900: #241806;
--toasted-brown-950: #060300;
--dark-espresso: #2A1C12;
--dark-espresso-50: #fbf8f5;
--dark-espresso-100: #f2ede9;
--dark-espresso-200: #e1d9d1;
--dark-espresso-300: #cabeb3;
--dark-espresso-400: #ab9a8b;
--dark-espresso-500: #2A1C12;
--dark-espresso-600: #5f4d3c;
--dark-espresso-700: #433325;
--dark-espresso-800: #271c11;
--dark-espresso-900: #100904;
--dark-espresso-950: #020100;
}
$soft-cream: #FFF1DF; $soft-cream-50: #fffffe; $soft-cream-100: #fffefd; $soft-cream-200: #fffefb; $soft-cream-300: #fffcf8; $soft-cream-400: #fffbf5; $soft-cream-500: #FFF1DF; $soft-cream-600: #d8d2ca; $soft-cream-700: #99948e; $soft-cream-800: #5e5b56; $soft-cream-900: #2e2c29; $soft-cream-950: #090807; $amber-glow: #F0CF9A; $amber-glow-50: #fffefb; $amber-glow-100: #fffdf7; $amber-glow-200: #fffaf0; $amber-glow-300: #fff6e7; $amber-glow-400: #fef1db; $amber-glow-500: #F0CF9A; $amber-glow-600: #d2c4aa; $amber-glow-700: #968a74; $amber-glow-800: #5d5443; $amber-glow-900: #2e281e; $amber-glow-950: #090704; $golden-honey: #D59A4B; $golden-honey-50: #fffdf6; $golden-honey-100: #fffaee; $golden-honey-200: #fff3e0; $golden-honey-300: #fdebcc; $golden-honey-400: #f9e0b4; $golden-honey-500: #D59A4B; $golden-honey-600: #c8ab77; $golden-honey-700: #90784b; $golden-honey-800: #5a4825; $golden-honey-900: #2d210a; $golden-honey-950: #090501; $toasted-brown: #8B5B2E; $toasted-brown-50: #fffbf5; $toasted-brown-100: #fcf5ec; $toasted-brown-200: #f6e9da; $toasted-brown-300: #eddac2; $toasted-brown-400: #e0c5a3; $toasted-brown-500: #8B5B2E; $toasted-brown-600: #a6875f; $toasted-brown-700: #775d3b; $toasted-brown-800: #4a361c; $toasted-brown-900: #241806; $toasted-brown-950: #060300; $dark-espresso: #2A1C12; $dark-espresso-50: #fbf8f5; $dark-espresso-100: #f2ede9; $dark-espresso-200: #e1d9d1; $dark-espresso-300: #cabeb3; $dark-espresso-400: #ab9a8b; $dark-espresso-500: #2A1C12; $dark-espresso-600: #5f4d3c; $dark-espresso-700: #433325; $dark-espresso-800: #271c11; $dark-espresso-900: #100904; $dark-espresso-950: #020100;
colors: {
'soft-cream': {
50: '#fffffe',
100: '#fffefd',
200: '#fffefb',
300: '#fffcf8',
400: '#fffbf5',
500: '#FFF1DF',
600: '#d8d2ca',
700: '#99948e',
800: '#5e5b56',
900: '#2e2c29',
950: '#090807',
DEFAULT: '#FFF1DF',
},
'amber-glow': {
50: '#fffefb',
100: '#fffdf7',
200: '#fffaf0',
300: '#fff6e7',
400: '#fef1db',
500: '#F0CF9A',
600: '#d2c4aa',
700: '#968a74',
800: '#5d5443',
900: '#2e281e',
950: '#090704',
DEFAULT: '#F0CF9A',
},
'golden-honey': {
50: '#fffdf6',
100: '#fffaee',
200: '#fff3e0',
300: '#fdebcc',
400: '#f9e0b4',
500: '#D59A4B',
600: '#c8ab77',
700: '#90784b',
800: '#5a4825',
900: '#2d210a',
950: '#090501',
DEFAULT: '#D59A4B',
},
'toasted-brown': {
50: '#fffbf5',
100: '#fcf5ec',
200: '#f6e9da',
300: '#eddac2',
400: '#e0c5a3',
500: '#8B5B2E',
600: '#a6875f',
700: '#775d3b',
800: '#4a361c',
900: '#241806',
950: '#060300',
DEFAULT: '#8B5B2E',
},
'dark-espresso': {
50: '#fbf8f5',
100: '#f2ede9',
200: '#e1d9d1',
300: '#cabeb3',
400: '#ab9a8b',
500: '#2A1C12',
600: '#5f4d3c',
700: '#433325',
800: '#271c11',
900: '#100904',
950: '#020100',
DEFAULT: '#2A1C12',
},
},
[
{
"name": "soft-cream",
"harmony": "Palette",
"hex": "#FFF1DF",
"rgb": {
"r": 255,
"g": 241,
"b": 223
},
"hsl": {
"h": 34,
"s": 100,
"l": 94
},
"value": "#FFF1DF",
"tonalScale": {
"50": {
"hex": "#fffffe",
"rgb": {
"r": 255,
"g": 255,
"b": 254
}
},
"100": {
"hex": "#fffefd",
"rgb": {
"r": 255,
"g": 254,
"b": 253
}
},
"200": {
"hex": "#fffefb",
"rgb": {
"r": 255,
"g": 254,
"b": 251
}
},
"300": {
"hex": "#fffcf8",
"rgb": {
"r": 255,
"g": 252,
"b": 248
}
},
"400": {
"hex": "#fffbf5",
"rgb": {
"r": 255,
"g": 251,
"b": 245
}
},
"500": {
"hex": "#FFF1DF",
"rgb": {
"r": 255,
"g": 241,
"b": 223
}
},
"600": {
"hex": "#d8d2ca",
"rgb": {
"r": 216,
"g": 210,
"b": 202
}
},
"700": {
"hex": "#99948e",
"rgb": {
"r": 153,
"g": 148,
"b": 142
}
},
"800": {
"hex": "#5e5b56",
"rgb": {
"r": 94,
"g": 91,
"b": 86
}
},
"900": {
"hex": "#2e2c29",
"rgb": {
"r": 46,
"g": 44,
"b": 41
}
},
"950": {
"hex": "#090807",
"rgb": {
"r": 9,
"g": 8,
"b": 7
}
}
}
},
{
"name": "amber-glow",
"harmony": "Palette",
"hex": "#F0CF9A",
"rgb": {
"r": 240,
"g": 207,
"b": 154
},
"hsl": {
"h": 37,
"s": 74,
"l": 77
},
"value": "#F0CF9A",
"tonalScale": {
"50": {
"hex": "#fffefb",
"rgb": {
"r": 255,
"g": 254,
"b": 251
}
},
"100": {
"hex": "#fffdf7",
"rgb": {
"r": 255,
"g": 253,
"b": 247
}
},
"200": {
"hex": "#fffaf0",
"rgb": {
"r": 255,
"g": 250,
"b": 240
}
},
"300": {
"hex": "#fff6e7",
"rgb": {
"r": 255,
"g": 246,
"b": 231
}
},
"400": {
"hex": "#fef1db",
"rgb": {
"r": 254,
"g": 241,
"b": 219
}
},
"500": {
"hex": "#F0CF9A",
"rgb": {
"r": 240,
"g": 207,
"b": 154
}
},
"600": {
"hex": "#d2c4aa",
"rgb": {
"r": 210,
"g": 196,
"b": 170
}
},
"700": {
"hex": "#968a74",
"rgb": {
"r": 150,
"g": 138,
"b": 116
}
},
"800": {
"hex": "#5d5443",
"rgb": {
"r": 93,
"g": 84,
"b": 67
}
},
"900": {
"hex": "#2e281e",
"rgb": {
"r": 46,
"g": 40,
"b": 30
}
},
"950": {
"hex": "#090704",
"rgb": {
"r": 9,
"g": 7,
"b": 4
}
}
}
},
{
"name": "golden-honey",
"harmony": "Palette",
"hex": "#D59A4B",
"rgb": {
"r": 213,
"g": 154,
"b": 75
},
"hsl": {
"h": 34,
"s": 62,
"l": 56
},
"value": "#D59A4B",
"tonalScale": {
"50": {
"hex": "#fffdf6",
"rgb": {
"r": 255,
"g": 253,
"b": 246
}
},
"100": {
"hex": "#fffaee",
"rgb": {
"r": 255,
"g": 250,
"b": 238
}
},
"200": {
"hex": "#fff3e0",
"rgb": {
"r": 255,
"g": 243,
"b": 224
}
},
"300": {
"hex": "#fdebcc",
"rgb": {
"r": 253,
"g": 235,
"b": 204
}
},
"400": {
"hex": "#f9e0b4",
"rgb": {
"r": 249,
"g": 224,
"b": 180
}
},
"500": {
"hex": "#D59A4B",
"rgb": {
"r": 213,
"g": 154,
"b": 75
}
},
"600": {
"hex": "#c8ab77",
"rgb": {
"r": 200,
"g": 171,
"b": 119
}
},
"700": {
"hex": "#90784b",
"rgb": {
"r": 144,
"g": 120,
"b": 75
}
},
"800": {
"hex": "#5a4825",
"rgb": {
"r": 90,
"g": 72,
"b": 37
}
},
"900": {
"hex": "#2d210a",
"rgb": {
"r": 45,
"g": 33,
"b": 10
}
},
"950": {
"hex": "#090501",
"rgb": {
"r": 9,
"g": 5,
"b": 1
}
}
}
},
{
"name": "toasted-brown",
"harmony": "Palette",
"hex": "#8B5B2E",
"rgb": {
"r": 139,
"g": 91,
"b": 46
},
"hsl": {
"h": 29,
"s": 50,
"l": 36
},
"value": "#8B5B2E",
"tonalScale": {
"50": {
"hex": "#fffbf5",
"rgb": {
"r": 255,
"g": 251,
"b": 245
}
},
"100": {
"hex": "#fcf5ec",
"rgb": {
"r": 252,
"g": 245,
"b": 236
}
},
"200": {
"hex": "#f6e9da",
"rgb": {
"r": 246,
"g": 233,
"b": 218
}
},
"300": {
"hex": "#eddac2",
"rgb": {
"r": 237,
"g": 218,
"b": 194
}
},
"400": {
"hex": "#e0c5a3",
"rgb": {
"r": 224,
"g": 197,
"b": 163
}
},
"500": {
"hex": "#8B5B2E",
"rgb": {
"r": 139,
"g": 91,
"b": 46
}
},
"600": {
"hex": "#a6875f",
"rgb": {
"r": 166,
"g": 135,
"b": 95
}
},
"700": {
"hex": "#775d3b",
"rgb": {
"r": 119,
"g": 93,
"b": 59
}
},
"800": {
"hex": "#4a361c",
"rgb": {
"r": 74,
"g": 54,
"b": 28
}
},
"900": {
"hex": "#241806",
"rgb": {
"r": 36,
"g": 24,
"b": 6
}
},
"950": {
"hex": "#060300",
"rgb": {
"r": 6,
"g": 3,
"b": 0
}
}
}
},
{
"name": "dark-espresso",
"harmony": "Palette",
"hex": "#2A1C12",
"rgb": {
"r": 42,
"g": 28,
"b": 18
},
"hsl": {
"h": 25,
"s": 40,
"l": 12
},
"value": "#2A1C12",
"tonalScale": {
"50": {
"hex": "#fbf8f5",
"rgb": {
"r": 251,
"g": 248,
"b": 245
}
},
"100": {
"hex": "#f2ede9",
"rgb": {
"r": 242,
"g": 237,
"b": 233
}
},
"200": {
"hex": "#e1d9d1",
"rgb": {
"r": 225,
"g": 217,
"b": 209
}
},
"300": {
"hex": "#cabeb3",
"rgb": {
"r": 202,
"g": 190,
"b": 179
}
},
"400": {
"hex": "#ab9a8b",
"rgb": {
"r": 171,
"g": 154,
"b": 139
}
},
"500": {
"hex": "#2A1C12",
"rgb": {
"r": 42,
"g": 28,
"b": 18
}
},
"600": {
"hex": "#5f4d3c",
"rgb": {
"r": 95,
"g": 77,
"b": 60
}
},
"700": {
"hex": "#433325",
"rgb": {
"r": 67,
"g": 51,
"b": 37
}
},
"800": {
"hex": "#271c11",
"rgb": {
"r": 39,
"g": 28,
"b": 17
}
},
"900": {
"hex": "#100904",
"rgb": {
"r": 16,
"g": 9,
"b": 4
}
},
"950": {
"hex": "#020100",
"rgb": {
"r": 2,
"g": 1,
"b": 0
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 soft-cream,Palette,#FFF1DF,"rgb(255, 241, 223)","hsl(34, 100%, 94%)",#FFF1DF,#fffffe,#fffefd,#fffefb,#fffcf8,#fffbf5,#FFF1DF,#d8d2ca,#99948e,#5e5b56,#2e2c29,#090807 amber-glow,Palette,#F0CF9A,"rgb(240, 207, 154)","hsl(37, 74%, 77%)",#F0CF9A,#fffefb,#fffdf7,#fffaf0,#fff6e7,#fef1db,#F0CF9A,#d2c4aa,#968a74,#5d5443,#2e281e,#090704 golden-honey,Palette,#D59A4B,"rgb(213, 154, 75)","hsl(34, 62%, 56%)",#D59A4B,#fffdf6,#fffaee,#fff3e0,#fdebcc,#f9e0b4,#D59A4B,#c8ab77,#90784b,#5a4825,#2d210a,#090501 toasted-brown,Palette,#8B5B2E,"rgb(139, 91, 46)","hsl(29, 50%, 36%)",#8B5B2E,#fffbf5,#fcf5ec,#f6e9da,#eddac2,#e0c5a3,#8B5B2E,#a6875f,#775d3b,#4a361c,#241806,#060300 dark-espresso,Palette,#2A1C12,"rgb(42, 28, 18)","hsl(25, 40%, 12%)",#2A1C12,#fbf8f5,#f2ede9,#e1d9d1,#cabeb3,#ab9a8b,#2A1C12,#5f4d3c,#433325,#271c11,#100904,#020100
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 255 241 223 soft-cream 255 255 254 soft-cream-50 255 254 253 soft-cream-100 255 254 251 soft-cream-200 255 252 248 soft-cream-300 255 251 245 soft-cream-400 255 241 223 soft-cream-500 216 210 202 soft-cream-600 153 148 142 soft-cream-700 94 91 86 soft-cream-800 46 44 41 soft-cream-900 9 8 7 soft-cream-950 240 207 154 amber-glow 255 254 251 amber-glow-50 255 253 247 amber-glow-100 255 250 240 amber-glow-200 255 246 231 amber-glow-300 254 241 219 amber-glow-400 240 207 154 amber-glow-500 210 196 170 amber-glow-600 150 138 116 amber-glow-700 93 84 67 amber-glow-800 46 40 30 amber-glow-900 9 7 4 amber-glow-950 213 154 75 golden-honey 255 253 246 golden-honey-50 255 250 238 golden-honey-100 255 243 224 golden-honey-200 253 235 204 golden-honey-300 249 224 180 golden-honey-400 213 154 75 golden-honey-500 200 171 119 golden-honey-600 144 120 75 golden-honey-700 90 72 37 golden-honey-800 45 33 10 golden-honey-900 9 5 1 golden-honey-950 139 91 46 toasted-brown 255 251 245 toasted-brown-50 252 245 236 toasted-brown-100 246 233 218 toasted-brown-200 237 218 194 toasted-brown-300 224 197 163 toasted-brown-400 139 91 46 toasted-brown-500 166 135 95 toasted-brown-600 119 93 59 toasted-brown-700 74 54 28 toasted-brown-800 36 24 6 toasted-brown-900 6 3 0 toasted-brown-950 42 28 18 dark-espresso 251 248 245 dark-espresso-50 242 237 233 dark-espresso-100 225 217 209 dark-espresso-200 202 190 179 dark-espresso-300 171 154 139 dark-espresso-400 42 28 18 dark-espresso-500 95 77 60 dark-espresso-600 67 51 37 dark-espresso-700 39 28 17 dark-espresso-800 16 9 4 dark-espresso-900 2 1 0 dark-espresso-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.