← Back to Tools
Compose calm hygge neutrals with warm ivory (#F5F0E8), soft stone beige (#CDBFAD), oat cream (#E0CFB4), warm taupe (#A99E91), and cocoa brown (#6B5A47) for serene Scandinavian interiors.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--warm-ivory: #F5F0E8;
--warm-ivory-50: #fffffe;
--warm-ivory-100: #fffefe;
--warm-ivory-200: #fefdfc;
--warm-ivory-300: #fefcfa;
--warm-ivory-400: #fdfbf8;
--warm-ivory-500: #F5F0E8;
--warm-ivory-600: #d4d2ce;
--warm-ivory-700: #969491;
--warm-ivory-800: #5c5b59;
--warm-ivory-900: #2d2c2b;
--warm-ivory-950: #090808;
--soft-stone-beige: #CDBFAD;
--soft-stone-beige-50: #fffefd;
--soft-stone-beige-100: #fdfcfa;
--soft-stone-beige-200: #fbf8f5;
--soft-stone-beige-300: #f7f3ee;
--soft-stone-beige-400: #f2ece5;
--soft-stone-beige-500: #CDBFAD;
--soft-stone-beige-600: #c4bdb4;
--soft-stone-beige-700: #8b857e;
--soft-stone-beige-800: #55514b;
--soft-stone-beige-900: #292723;
--soft-stone-beige-950: #080706;
--oat-cream: #E0CFB4;
--oat-cream-50: #fffefc;
--oat-cream-100: #fefdfa;
--oat-cream-200: #fdfaf5;
--oat-cream-300: #fbf6ef;
--oat-cream-400: #f8f1e6;
--oat-cream-500: #E0CFB4;
--oat-cream-600: #ccc4b7;
--oat-cream-700: #908a7f;
--oat-cream-800: #59544c;
--oat-cream-900: #2c2923;
--oat-cream-950: #080706;
--warm-taupe: #A99E91;
--warm-taupe-50: #fefdfc;
--warm-taupe-100: #fbfaf8;
--warm-taupe-200: #f6f4f1;
--warm-taupe-300: #f0ece8;
--warm-taupe-400: #e6e1db;
--warm-taupe-500: #A99E91;
--warm-taupe-600: #b4aea7;
--warm-taupe-700: #7f7a74;
--warm-taupe-800: #4d4a45;
--warm-taupe-900: #252320;
--warm-taupe-950: #060605;
--cocoa-brown: #6B5A47;
--cocoa-brown-50: #fdfbf9;
--cocoa-brown-100: #f8f5f1;
--cocoa-brown-200: #eee9e3;
--cocoa-brown-300: #e1dad0;
--cocoa-brown-400: #cfc5b8;
--cocoa-brown-500: #6B5A47;
--cocoa-brown-600: #928677;
--cocoa-brown-700: #675d51;
--cocoa-brown-800: #3f372e;
--cocoa-brown-900: #1d1812;
--cocoa-brown-950: #040302;
}
$warm-ivory: #F5F0E8; $warm-ivory-50: #fffffe; $warm-ivory-100: #fffefe; $warm-ivory-200: #fefdfc; $warm-ivory-300: #fefcfa; $warm-ivory-400: #fdfbf8; $warm-ivory-500: #F5F0E8; $warm-ivory-600: #d4d2ce; $warm-ivory-700: #969491; $warm-ivory-800: #5c5b59; $warm-ivory-900: #2d2c2b; $warm-ivory-950: #090808; $soft-stone-beige: #CDBFAD; $soft-stone-beige-50: #fffefd; $soft-stone-beige-100: #fdfcfa; $soft-stone-beige-200: #fbf8f5; $soft-stone-beige-300: #f7f3ee; $soft-stone-beige-400: #f2ece5; $soft-stone-beige-500: #CDBFAD; $soft-stone-beige-600: #c4bdb4; $soft-stone-beige-700: #8b857e; $soft-stone-beige-800: #55514b; $soft-stone-beige-900: #292723; $soft-stone-beige-950: #080706; $oat-cream: #E0CFB4; $oat-cream-50: #fffefc; $oat-cream-100: #fefdfa; $oat-cream-200: #fdfaf5; $oat-cream-300: #fbf6ef; $oat-cream-400: #f8f1e6; $oat-cream-500: #E0CFB4; $oat-cream-600: #ccc4b7; $oat-cream-700: #908a7f; $oat-cream-800: #59544c; $oat-cream-900: #2c2923; $oat-cream-950: #080706; $warm-taupe: #A99E91; $warm-taupe-50: #fefdfc; $warm-taupe-100: #fbfaf8; $warm-taupe-200: #f6f4f1; $warm-taupe-300: #f0ece8; $warm-taupe-400: #e6e1db; $warm-taupe-500: #A99E91; $warm-taupe-600: #b4aea7; $warm-taupe-700: #7f7a74; $warm-taupe-800: #4d4a45; $warm-taupe-900: #252320; $warm-taupe-950: #060605; $cocoa-brown: #6B5A47; $cocoa-brown-50: #fdfbf9; $cocoa-brown-100: #f8f5f1; $cocoa-brown-200: #eee9e3; $cocoa-brown-300: #e1dad0; $cocoa-brown-400: #cfc5b8; $cocoa-brown-500: #6B5A47; $cocoa-brown-600: #928677; $cocoa-brown-700: #675d51; $cocoa-brown-800: #3f372e; $cocoa-brown-900: #1d1812; $cocoa-brown-950: #040302;
colors: {
'warm-ivory': {
50: '#fffffe',
100: '#fffefe',
200: '#fefdfc',
300: '#fefcfa',
400: '#fdfbf8',
500: '#F5F0E8',
600: '#d4d2ce',
700: '#969491',
800: '#5c5b59',
900: '#2d2c2b',
950: '#090808',
DEFAULT: '#F5F0E8',
},
'soft-stone-beige': {
50: '#fffefd',
100: '#fdfcfa',
200: '#fbf8f5',
300: '#f7f3ee',
400: '#f2ece5',
500: '#CDBFAD',
600: '#c4bdb4',
700: '#8b857e',
800: '#55514b',
900: '#292723',
950: '#080706',
DEFAULT: '#CDBFAD',
},
'oat-cream': {
50: '#fffefc',
100: '#fefdfa',
200: '#fdfaf5',
300: '#fbf6ef',
400: '#f8f1e6',
500: '#E0CFB4',
600: '#ccc4b7',
700: '#908a7f',
800: '#59544c',
900: '#2c2923',
950: '#080706',
DEFAULT: '#E0CFB4',
},
'warm-taupe': {
50: '#fefdfc',
100: '#fbfaf8',
200: '#f6f4f1',
300: '#f0ece8',
400: '#e6e1db',
500: '#A99E91',
600: '#b4aea7',
700: '#7f7a74',
800: '#4d4a45',
900: '#252320',
950: '#060605',
DEFAULT: '#A99E91',
},
'cocoa-brown': {
50: '#fdfbf9',
100: '#f8f5f1',
200: '#eee9e3',
300: '#e1dad0',
400: '#cfc5b8',
500: '#6B5A47',
600: '#928677',
700: '#675d51',
800: '#3f372e',
900: '#1d1812',
950: '#040302',
DEFAULT: '#6B5A47',
},
},
[
{
"name": "warm-ivory",
"harmony": "Palette",
"hex": "#F5F0E8",
"rgb": {
"r": 245,
"g": 240,
"b": 232
},
"hsl": {
"h": 37,
"s": 39,
"l": 94
},
"value": "#F5F0E8",
"tonalScale": {
"50": {
"hex": "#fffffe",
"rgb": {
"r": 255,
"g": 255,
"b": 254
}
},
"100": {
"hex": "#fffefe",
"rgb": {
"r": 255,
"g": 254,
"b": 254
}
},
"200": {
"hex": "#fefdfc",
"rgb": {
"r": 254,
"g": 253,
"b": 252
}
},
"300": {
"hex": "#fefcfa",
"rgb": {
"r": 254,
"g": 252,
"b": 250
}
},
"400": {
"hex": "#fdfbf8",
"rgb": {
"r": 253,
"g": 251,
"b": 248
}
},
"500": {
"hex": "#F5F0E8",
"rgb": {
"r": 245,
"g": 240,
"b": 232
}
},
"600": {
"hex": "#d4d2ce",
"rgb": {
"r": 212,
"g": 210,
"b": 206
}
},
"700": {
"hex": "#969491",
"rgb": {
"r": 150,
"g": 148,
"b": 145
}
},
"800": {
"hex": "#5c5b59",
"rgb": {
"r": 92,
"g": 91,
"b": 89
}
},
"900": {
"hex": "#2d2c2b",
"rgb": {
"r": 45,
"g": 44,
"b": 43
}
},
"950": {
"hex": "#090808",
"rgb": {
"r": 9,
"g": 8,
"b": 8
}
}
}
},
{
"name": "soft-stone-beige",
"harmony": "Palette",
"hex": "#CDBFAD",
"rgb": {
"r": 205,
"g": 191,
"b": 173
},
"hsl": {
"h": 34,
"s": 24,
"l": 74
},
"value": "#CDBFAD",
"tonalScale": {
"50": {
"hex": "#fffefd",
"rgb": {
"r": 255,
"g": 254,
"b": 253
}
},
"100": {
"hex": "#fdfcfa",
"rgb": {
"r": 253,
"g": 252,
"b": 250
}
},
"200": {
"hex": "#fbf8f5",
"rgb": {
"r": 251,
"g": 248,
"b": 245
}
},
"300": {
"hex": "#f7f3ee",
"rgb": {
"r": 247,
"g": 243,
"b": 238
}
},
"400": {
"hex": "#f2ece5",
"rgb": {
"r": 242,
"g": 236,
"b": 229
}
},
"500": {
"hex": "#CDBFAD",
"rgb": {
"r": 205,
"g": 191,
"b": 173
}
},
"600": {
"hex": "#c4bdb4",
"rgb": {
"r": 196,
"g": 189,
"b": 180
}
},
"700": {
"hex": "#8b857e",
"rgb": {
"r": 139,
"g": 133,
"b": 126
}
},
"800": {
"hex": "#55514b",
"rgb": {
"r": 85,
"g": 81,
"b": 75
}
},
"900": {
"hex": "#292723",
"rgb": {
"r": 41,
"g": 39,
"b": 35
}
},
"950": {
"hex": "#080706",
"rgb": {
"r": 8,
"g": 7,
"b": 6
}
}
}
},
{
"name": "oat-cream",
"harmony": "Palette",
"hex": "#E0CFB4",
"rgb": {
"r": 224,
"g": 207,
"b": 180
},
"hsl": {
"h": 37,
"s": 42,
"l": 79
},
"value": "#E0CFB4",
"tonalScale": {
"50": {
"hex": "#fffefc",
"rgb": {
"r": 255,
"g": 254,
"b": 252
}
},
"100": {
"hex": "#fefdfa",
"rgb": {
"r": 254,
"g": 253,
"b": 250
}
},
"200": {
"hex": "#fdfaf5",
"rgb": {
"r": 253,
"g": 250,
"b": 245
}
},
"300": {
"hex": "#fbf6ef",
"rgb": {
"r": 251,
"g": 246,
"b": 239
}
},
"400": {
"hex": "#f8f1e6",
"rgb": {
"r": 248,
"g": 241,
"b": 230
}
},
"500": {
"hex": "#E0CFB4",
"rgb": {
"r": 224,
"g": 207,
"b": 180
}
},
"600": {
"hex": "#ccc4b7",
"rgb": {
"r": 204,
"g": 196,
"b": 183
}
},
"700": {
"hex": "#908a7f",
"rgb": {
"r": 144,
"g": 138,
"b": 127
}
},
"800": {
"hex": "#59544c",
"rgb": {
"r": 89,
"g": 84,
"b": 76
}
},
"900": {
"hex": "#2c2923",
"rgb": {
"r": 44,
"g": 41,
"b": 35
}
},
"950": {
"hex": "#080706",
"rgb": {
"r": 8,
"g": 7,
"b": 6
}
}
}
},
{
"name": "warm-taupe",
"harmony": "Palette",
"hex": "#A99E91",
"rgb": {
"r": 169,
"g": 158,
"b": 145
},
"hsl": {
"h": 33,
"s": 12,
"l": 62
},
"value": "#A99E91",
"tonalScale": {
"50": {
"hex": "#fefdfc",
"rgb": {
"r": 254,
"g": 253,
"b": 252
}
},
"100": {
"hex": "#fbfaf8",
"rgb": {
"r": 251,
"g": 250,
"b": 248
}
},
"200": {
"hex": "#f6f4f1",
"rgb": {
"r": 246,
"g": 244,
"b": 241
}
},
"300": {
"hex": "#f0ece8",
"rgb": {
"r": 240,
"g": 236,
"b": 232
}
},
"400": {
"hex": "#e6e1db",
"rgb": {
"r": 230,
"g": 225,
"b": 219
}
},
"500": {
"hex": "#A99E91",
"rgb": {
"r": 169,
"g": 158,
"b": 145
}
},
"600": {
"hex": "#b4aea7",
"rgb": {
"r": 180,
"g": 174,
"b": 167
}
},
"700": {
"hex": "#7f7a74",
"rgb": {
"r": 127,
"g": 122,
"b": 116
}
},
"800": {
"hex": "#4d4a45",
"rgb": {
"r": 77,
"g": 74,
"b": 69
}
},
"900": {
"hex": "#252320",
"rgb": {
"r": 37,
"g": 35,
"b": 32
}
},
"950": {
"hex": "#060605",
"rgb": {
"r": 6,
"g": 6,
"b": 5
}
}
}
},
{
"name": "cocoa-brown",
"harmony": "Palette",
"hex": "#6B5A47",
"rgb": {
"r": 107,
"g": 90,
"b": 71
},
"hsl": {
"h": 32,
"s": 20,
"l": 35
},
"value": "#6B5A47",
"tonalScale": {
"50": {
"hex": "#fdfbf9",
"rgb": {
"r": 253,
"g": 251,
"b": 249
}
},
"100": {
"hex": "#f8f5f1",
"rgb": {
"r": 248,
"g": 245,
"b": 241
}
},
"200": {
"hex": "#eee9e3",
"rgb": {
"r": 238,
"g": 233,
"b": 227
}
},
"300": {
"hex": "#e1dad0",
"rgb": {
"r": 225,
"g": 218,
"b": 208
}
},
"400": {
"hex": "#cfc5b8",
"rgb": {
"r": 207,
"g": 197,
"b": 184
}
},
"500": {
"hex": "#6B5A47",
"rgb": {
"r": 107,
"g": 90,
"b": 71
}
},
"600": {
"hex": "#928677",
"rgb": {
"r": 146,
"g": 134,
"b": 119
}
},
"700": {
"hex": "#675d51",
"rgb": {
"r": 103,
"g": 93,
"b": 81
}
},
"800": {
"hex": "#3f372e",
"rgb": {
"r": 63,
"g": 55,
"b": 46
}
},
"900": {
"hex": "#1d1812",
"rgb": {
"r": 29,
"g": 24,
"b": 18
}
},
"950": {
"hex": "#040302",
"rgb": {
"r": 4,
"g": 3,
"b": 2
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 warm-ivory,Palette,#F5F0E8,"rgb(245, 240, 232)","hsl(37, 39%, 94%)",#F5F0E8,#fffffe,#fffefe,#fefdfc,#fefcfa,#fdfbf8,#F5F0E8,#d4d2ce,#969491,#5c5b59,#2d2c2b,#090808 soft-stone-beige,Palette,#CDBFAD,"rgb(205, 191, 173)","hsl(34, 24%, 74%)",#CDBFAD,#fffefd,#fdfcfa,#fbf8f5,#f7f3ee,#f2ece5,#CDBFAD,#c4bdb4,#8b857e,#55514b,#292723,#080706 oat-cream,Palette,#E0CFB4,"rgb(224, 207, 180)","hsl(37, 42%, 79%)",#E0CFB4,#fffefc,#fefdfa,#fdfaf5,#fbf6ef,#f8f1e6,#E0CFB4,#ccc4b7,#908a7f,#59544c,#2c2923,#080706 warm-taupe,Palette,#A99E91,"rgb(169, 158, 145)","hsl(33, 12%, 62%)",#A99E91,#fefdfc,#fbfaf8,#f6f4f1,#f0ece8,#e6e1db,#A99E91,#b4aea7,#7f7a74,#4d4a45,#252320,#060605 cocoa-brown,Palette,#6B5A47,"rgb(107, 90, 71)","hsl(32, 20%, 35%)",#6B5A47,#fdfbf9,#f8f5f1,#eee9e3,#e1dad0,#cfc5b8,#6B5A47,#928677,#675d51,#3f372e,#1d1812,#040302
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 245 240 232 warm-ivory 255 255 254 warm-ivory-50 255 254 254 warm-ivory-100 254 253 252 warm-ivory-200 254 252 250 warm-ivory-300 253 251 248 warm-ivory-400 245 240 232 warm-ivory-500 212 210 206 warm-ivory-600 150 148 145 warm-ivory-700 92 91 89 warm-ivory-800 45 44 43 warm-ivory-900 9 8 8 warm-ivory-950 205 191 173 soft-stone-beige 255 254 253 soft-stone-beige-50 253 252 250 soft-stone-beige-100 251 248 245 soft-stone-beige-200 247 243 238 soft-stone-beige-300 242 236 229 soft-stone-beige-400 205 191 173 soft-stone-beige-500 196 189 180 soft-stone-beige-600 139 133 126 soft-stone-beige-700 85 81 75 soft-stone-beige-800 41 39 35 soft-stone-beige-900 8 7 6 soft-stone-beige-950 224 207 180 oat-cream 255 254 252 oat-cream-50 254 253 250 oat-cream-100 253 250 245 oat-cream-200 251 246 239 oat-cream-300 248 241 230 oat-cream-400 224 207 180 oat-cream-500 204 196 183 oat-cream-600 144 138 127 oat-cream-700 89 84 76 oat-cream-800 44 41 35 oat-cream-900 8 7 6 oat-cream-950 169 158 145 warm-taupe 254 253 252 warm-taupe-50 251 250 248 warm-taupe-100 246 244 241 warm-taupe-200 240 236 232 warm-taupe-300 230 225 219 warm-taupe-400 169 158 145 warm-taupe-500 180 174 167 warm-taupe-600 127 122 116 warm-taupe-700 77 74 69 warm-taupe-800 37 35 32 warm-taupe-900 6 6 5 warm-taupe-950 107 90 71 cocoa-brown 253 251 249 cocoa-brown-50 248 245 241 cocoa-brown-100 238 233 227 cocoa-brown-200 225 218 208 cocoa-brown-300 207 197 184 cocoa-brown-400 107 90 71 cocoa-brown-500 146 134 119 cocoa-brown-600 103 93 81 cocoa-brown-700 63 55 46 cocoa-brown-800 29 24 18 cocoa-brown-900 4 3 2 cocoa-brown-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.