← Back to Tools
Pair grounded cozy tones with warm oatmeal (#E8E0D2), sage green (#A7B19A), golden oat (#C8A26B), terracotta (#C98B6B), and espresso (#5A4634) for calm natural designs.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--warm-oatmeal: #E8E0D2;
--warm-oatmeal-50: #fffefe;
--warm-oatmeal-100: #fefefc;
--warm-oatmeal-200: #fdfcf9;
--warm-oatmeal-300: #fcfaf6;
--warm-oatmeal-400: #f9f6f1;
--warm-oatmeal-500: #E8E0D2;
--warm-oatmeal-600: #cfcbc5;
--warm-oatmeal-700: #928f8a;
--warm-oatmeal-800: #5a5854;
--warm-oatmeal-900: #2c2b28;
--warm-oatmeal-950: #080807;
--sage-green: #A7B19A;
--sage-green-50: #fdfefc;
--sage-green-100: #fafbf9;
--sage-green-200: #f5f7f2;
--sage-green-300: #eef1ea;
--sage-green-400: #e4e9de;
--sage-green-500: #A7B19A;
--sage-green-600: #b2b7ab;
--sage-green-700: #7d8177;
--sage-green-800: #4c4f47;
--sage-green-900: #242621;
--sage-green-950: #060605;
--golden-oat: #C8A26B;
--golden-oat-50: #fffdf9;
--golden-oat-100: #fefaf3;
--golden-oat-200: #fcf4e8;
--golden-oat-300: #f8edd9;
--golden-oat-400: #f3e3c7;
--golden-oat-500: #C8A26B;
--golden-oat-600: #c2b08f;
--golden-oat-700: #8b7b5f;
--golden-oat-800: #564a35;
--golden-oat-900: #2b2315;
--golden-oat-950: #080602;
--terracotta: #C98B6B;
--terracotta-50: #fffcf9;
--terracotta-100: #fff8f4;
--terracotta-200: #fdf1e9;
--terracotta-300: #fae7db;
--terracotta-400: #f5d9c8;
--terracotta-500: #C98B6B;
--terracotta-600: #c3a390;
--terracotta-700: #8c7261;
--terracotta-800: #584437;
--terracotta-900: #2c1f17;
--terracotta-950: #090503;
--espresso: #5A4634;
--espresso-50: #fcfaf8;
--espresso-100: #f7f3ef;
--espresso-200: #ece5de;
--espresso-300: #ddd3c8;
--espresso-400: #c8baab;
--espresso-500: #5A4634;
--espresso-600: #877867;
--espresso-700: #605244;
--espresso-800: #3a3025;
--espresso-900: #1b140d;
--espresso-950: #040201;
}
$warm-oatmeal: #E8E0D2; $warm-oatmeal-50: #fffefe; $warm-oatmeal-100: #fefefc; $warm-oatmeal-200: #fdfcf9; $warm-oatmeal-300: #fcfaf6; $warm-oatmeal-400: #f9f6f1; $warm-oatmeal-500: #E8E0D2; $warm-oatmeal-600: #cfcbc5; $warm-oatmeal-700: #928f8a; $warm-oatmeal-800: #5a5854; $warm-oatmeal-900: #2c2b28; $warm-oatmeal-950: #080807; $sage-green: #A7B19A; $sage-green-50: #fdfefc; $sage-green-100: #fafbf9; $sage-green-200: #f5f7f2; $sage-green-300: #eef1ea; $sage-green-400: #e4e9de; $sage-green-500: #A7B19A; $sage-green-600: #b2b7ab; $sage-green-700: #7d8177; $sage-green-800: #4c4f47; $sage-green-900: #242621; $sage-green-950: #060605; $golden-oat: #C8A26B; $golden-oat-50: #fffdf9; $golden-oat-100: #fefaf3; $golden-oat-200: #fcf4e8; $golden-oat-300: #f8edd9; $golden-oat-400: #f3e3c7; $golden-oat-500: #C8A26B; $golden-oat-600: #c2b08f; $golden-oat-700: #8b7b5f; $golden-oat-800: #564a35; $golden-oat-900: #2b2315; $golden-oat-950: #080602; $terracotta: #C98B6B; $terracotta-50: #fffcf9; $terracotta-100: #fff8f4; $terracotta-200: #fdf1e9; $terracotta-300: #fae7db; $terracotta-400: #f5d9c8; $terracotta-500: #C98B6B; $terracotta-600: #c3a390; $terracotta-700: #8c7261; $terracotta-800: #584437; $terracotta-900: #2c1f17; $terracotta-950: #090503; $espresso: #5A4634; $espresso-50: #fcfaf8; $espresso-100: #f7f3ef; $espresso-200: #ece5de; $espresso-300: #ddd3c8; $espresso-400: #c8baab; $espresso-500: #5A4634; $espresso-600: #877867; $espresso-700: #605244; $espresso-800: #3a3025; $espresso-900: #1b140d; $espresso-950: #040201;
colors: {
'warm-oatmeal': {
50: '#fffefe',
100: '#fefefc',
200: '#fdfcf9',
300: '#fcfaf6',
400: '#f9f6f1',
500: '#E8E0D2',
600: '#cfcbc5',
700: '#928f8a',
800: '#5a5854',
900: '#2c2b28',
950: '#080807',
DEFAULT: '#E8E0D2',
},
'sage-green': {
50: '#fdfefc',
100: '#fafbf9',
200: '#f5f7f2',
300: '#eef1ea',
400: '#e4e9de',
500: '#A7B19A',
600: '#b2b7ab',
700: '#7d8177',
800: '#4c4f47',
900: '#242621',
950: '#060605',
DEFAULT: '#A7B19A',
},
'golden-oat': {
50: '#fffdf9',
100: '#fefaf3',
200: '#fcf4e8',
300: '#f8edd9',
400: '#f3e3c7',
500: '#C8A26B',
600: '#c2b08f',
700: '#8b7b5f',
800: '#564a35',
900: '#2b2315',
950: '#080602',
DEFAULT: '#C8A26B',
},
'terracotta': {
50: '#fffcf9',
100: '#fff8f4',
200: '#fdf1e9',
300: '#fae7db',
400: '#f5d9c8',
500: '#C98B6B',
600: '#c3a390',
700: '#8c7261',
800: '#584437',
900: '#2c1f17',
950: '#090503',
DEFAULT: '#C98B6B',
},
'espresso': {
50: '#fcfaf8',
100: '#f7f3ef',
200: '#ece5de',
300: '#ddd3c8',
400: '#c8baab',
500: '#5A4634',
600: '#877867',
700: '#605244',
800: '#3a3025',
900: '#1b140d',
950: '#040201',
DEFAULT: '#5A4634',
},
},
[
{
"name": "warm-oatmeal",
"harmony": "Palette",
"hex": "#E8E0D2",
"rgb": {
"r": 232,
"g": 224,
"b": 210
},
"hsl": {
"h": 38,
"s": 32,
"l": 87
},
"value": "#E8E0D2",
"tonalScale": {
"50": {
"hex": "#fffefe",
"rgb": {
"r": 255,
"g": 254,
"b": 254
}
},
"100": {
"hex": "#fefefc",
"rgb": {
"r": 254,
"g": 254,
"b": 252
}
},
"200": {
"hex": "#fdfcf9",
"rgb": {
"r": 253,
"g": 252,
"b": 249
}
},
"300": {
"hex": "#fcfaf6",
"rgb": {
"r": 252,
"g": 250,
"b": 246
}
},
"400": {
"hex": "#f9f6f1",
"rgb": {
"r": 249,
"g": 246,
"b": 241
}
},
"500": {
"hex": "#E8E0D2",
"rgb": {
"r": 232,
"g": 224,
"b": 210
}
},
"600": {
"hex": "#cfcbc5",
"rgb": {
"r": 207,
"g": 203,
"b": 197
}
},
"700": {
"hex": "#928f8a",
"rgb": {
"r": 146,
"g": 143,
"b": 138
}
},
"800": {
"hex": "#5a5854",
"rgb": {
"r": 90,
"g": 88,
"b": 84
}
},
"900": {
"hex": "#2c2b28",
"rgb": {
"r": 44,
"g": 43,
"b": 40
}
},
"950": {
"hex": "#080807",
"rgb": {
"r": 8,
"g": 8,
"b": 7
}
}
}
},
{
"name": "sage-green",
"harmony": "Palette",
"hex": "#A7B19A",
"rgb": {
"r": 167,
"g": 177,
"b": 154
},
"hsl": {
"h": 86,
"s": 13,
"l": 65
},
"value": "#A7B19A",
"tonalScale": {
"50": {
"hex": "#fdfefc",
"rgb": {
"r": 253,
"g": 254,
"b": 252
}
},
"100": {
"hex": "#fafbf9",
"rgb": {
"r": 250,
"g": 251,
"b": 249
}
},
"200": {
"hex": "#f5f7f2",
"rgb": {
"r": 245,
"g": 247,
"b": 242
}
},
"300": {
"hex": "#eef1ea",
"rgb": {
"r": 238,
"g": 241,
"b": 234
}
},
"400": {
"hex": "#e4e9de",
"rgb": {
"r": 228,
"g": 233,
"b": 222
}
},
"500": {
"hex": "#A7B19A",
"rgb": {
"r": 167,
"g": 177,
"b": 154
}
},
"600": {
"hex": "#b2b7ab",
"rgb": {
"r": 178,
"g": 183,
"b": 171
}
},
"700": {
"hex": "#7d8177",
"rgb": {
"r": 125,
"g": 129,
"b": 119
}
},
"800": {
"hex": "#4c4f47",
"rgb": {
"r": 76,
"g": 79,
"b": 71
}
},
"900": {
"hex": "#242621",
"rgb": {
"r": 36,
"g": 38,
"b": 33
}
},
"950": {
"hex": "#060605",
"rgb": {
"r": 6,
"g": 6,
"b": 5
}
}
}
},
{
"name": "golden-oat",
"harmony": "Palette",
"hex": "#C8A26B",
"rgb": {
"r": 200,
"g": 162,
"b": 107
},
"hsl": {
"h": 35,
"s": 46,
"l": 60
},
"value": "#C8A26B",
"tonalScale": {
"50": {
"hex": "#fffdf9",
"rgb": {
"r": 255,
"g": 253,
"b": 249
}
},
"100": {
"hex": "#fefaf3",
"rgb": {
"r": 254,
"g": 250,
"b": 243
}
},
"200": {
"hex": "#fcf4e8",
"rgb": {
"r": 252,
"g": 244,
"b": 232
}
},
"300": {
"hex": "#f8edd9",
"rgb": {
"r": 248,
"g": 237,
"b": 217
}
},
"400": {
"hex": "#f3e3c7",
"rgb": {
"r": 243,
"g": 227,
"b": 199
}
},
"500": {
"hex": "#C8A26B",
"rgb": {
"r": 200,
"g": 162,
"b": 107
}
},
"600": {
"hex": "#c2b08f",
"rgb": {
"r": 194,
"g": 176,
"b": 143
}
},
"700": {
"hex": "#8b7b5f",
"rgb": {
"r": 139,
"g": 123,
"b": 95
}
},
"800": {
"hex": "#564a35",
"rgb": {
"r": 86,
"g": 74,
"b": 53
}
},
"900": {
"hex": "#2b2315",
"rgb": {
"r": 43,
"g": 35,
"b": 21
}
},
"950": {
"hex": "#080602",
"rgb": {
"r": 8,
"g": 6,
"b": 2
}
}
}
},
{
"name": "terracotta",
"harmony": "Palette",
"hex": "#C98B6B",
"rgb": {
"r": 201,
"g": 139,
"b": 107
},
"hsl": {
"h": 20,
"s": 47,
"l": 60
},
"value": "#C98B6B",
"tonalScale": {
"50": {
"hex": "#fffcf9",
"rgb": {
"r": 255,
"g": 252,
"b": 249
}
},
"100": {
"hex": "#fff8f4",
"rgb": {
"r": 255,
"g": 248,
"b": 244
}
},
"200": {
"hex": "#fdf1e9",
"rgb": {
"r": 253,
"g": 241,
"b": 233
}
},
"300": {
"hex": "#fae7db",
"rgb": {
"r": 250,
"g": 231,
"b": 219
}
},
"400": {
"hex": "#f5d9c8",
"rgb": {
"r": 245,
"g": 217,
"b": 200
}
},
"500": {
"hex": "#C98B6B",
"rgb": {
"r": 201,
"g": 139,
"b": 107
}
},
"600": {
"hex": "#c3a390",
"rgb": {
"r": 195,
"g": 163,
"b": 144
}
},
"700": {
"hex": "#8c7261",
"rgb": {
"r": 140,
"g": 114,
"b": 97
}
},
"800": {
"hex": "#584437",
"rgb": {
"r": 88,
"g": 68,
"b": 55
}
},
"900": {
"hex": "#2c1f17",
"rgb": {
"r": 44,
"g": 31,
"b": 23
}
},
"950": {
"hex": "#090503",
"rgb": {
"r": 9,
"g": 5,
"b": 3
}
}
}
},
{
"name": "espresso",
"harmony": "Palette",
"hex": "#5A4634",
"rgb": {
"r": 90,
"g": 70,
"b": 52
},
"hsl": {
"h": 28,
"s": 27,
"l": 28
},
"value": "#5A4634",
"tonalScale": {
"50": {
"hex": "#fcfaf8",
"rgb": {
"r": 252,
"g": 250,
"b": 248
}
},
"100": {
"hex": "#f7f3ef",
"rgb": {
"r": 247,
"g": 243,
"b": 239
}
},
"200": {
"hex": "#ece5de",
"rgb": {
"r": 236,
"g": 229,
"b": 222
}
},
"300": {
"hex": "#ddd3c8",
"rgb": {
"r": 221,
"g": 211,
"b": 200
}
},
"400": {
"hex": "#c8baab",
"rgb": {
"r": 200,
"g": 186,
"b": 171
}
},
"500": {
"hex": "#5A4634",
"rgb": {
"r": 90,
"g": 70,
"b": 52
}
},
"600": {
"hex": "#877867",
"rgb": {
"r": 135,
"g": 120,
"b": 103
}
},
"700": {
"hex": "#605244",
"rgb": {
"r": 96,
"g": 82,
"b": 68
}
},
"800": {
"hex": "#3a3025",
"rgb": {
"r": 58,
"g": 48,
"b": 37
}
},
"900": {
"hex": "#1b140d",
"rgb": {
"r": 27,
"g": 20,
"b": 13
}
},
"950": {
"hex": "#040201",
"rgb": {
"r": 4,
"g": 2,
"b": 1
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 warm-oatmeal,Palette,#E8E0D2,"rgb(232, 224, 210)","hsl(38, 32%, 87%)",#E8E0D2,#fffefe,#fefefc,#fdfcf9,#fcfaf6,#f9f6f1,#E8E0D2,#cfcbc5,#928f8a,#5a5854,#2c2b28,#080807 sage-green,Palette,#A7B19A,"rgb(167, 177, 154)","hsl(86, 13%, 65%)",#A7B19A,#fdfefc,#fafbf9,#f5f7f2,#eef1ea,#e4e9de,#A7B19A,#b2b7ab,#7d8177,#4c4f47,#242621,#060605 golden-oat,Palette,#C8A26B,"rgb(200, 162, 107)","hsl(35, 46%, 60%)",#C8A26B,#fffdf9,#fefaf3,#fcf4e8,#f8edd9,#f3e3c7,#C8A26B,#c2b08f,#8b7b5f,#564a35,#2b2315,#080602 terracotta,Palette,#C98B6B,"rgb(201, 139, 107)","hsl(20, 47%, 60%)",#C98B6B,#fffcf9,#fff8f4,#fdf1e9,#fae7db,#f5d9c8,#C98B6B,#c3a390,#8c7261,#584437,#2c1f17,#090503 espresso,Palette,#5A4634,"rgb(90, 70, 52)","hsl(28, 27%, 28%)",#5A4634,#fcfaf8,#f7f3ef,#ece5de,#ddd3c8,#c8baab,#5A4634,#877867,#605244,#3a3025,#1b140d,#040201
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 232 224 210 warm-oatmeal 255 254 254 warm-oatmeal-50 254 254 252 warm-oatmeal-100 253 252 249 warm-oatmeal-200 252 250 246 warm-oatmeal-300 249 246 241 warm-oatmeal-400 232 224 210 warm-oatmeal-500 207 203 197 warm-oatmeal-600 146 143 138 warm-oatmeal-700 90 88 84 warm-oatmeal-800 44 43 40 warm-oatmeal-900 8 8 7 warm-oatmeal-950 167 177 154 sage-green 253 254 252 sage-green-50 250 251 249 sage-green-100 245 247 242 sage-green-200 238 241 234 sage-green-300 228 233 222 sage-green-400 167 177 154 sage-green-500 178 183 171 sage-green-600 125 129 119 sage-green-700 76 79 71 sage-green-800 36 38 33 sage-green-900 6 6 5 sage-green-950 200 162 107 golden-oat 255 253 249 golden-oat-50 254 250 243 golden-oat-100 252 244 232 golden-oat-200 248 237 217 golden-oat-300 243 227 199 golden-oat-400 200 162 107 golden-oat-500 194 176 143 golden-oat-600 139 123 95 golden-oat-700 86 74 53 golden-oat-800 43 35 21 golden-oat-900 8 6 2 golden-oat-950 201 139 107 terracotta 255 252 249 terracotta-50 255 248 244 terracotta-100 253 241 233 terracotta-200 250 231 219 terracotta-300 245 217 200 terracotta-400 201 139 107 terracotta-500 195 163 144 terracotta-600 140 114 97 terracotta-700 88 68 55 terracotta-800 44 31 23 terracotta-900 9 5 3 terracotta-950 90 70 52 espresso 252 250 248 espresso-50 247 243 239 espresso-100 236 229 222 espresso-200 221 211 200 espresso-300 200 186 171 espresso-400 90 70 52 espresso-500 135 120 103 espresso-600 96 82 68 espresso-700 58 48 37 espresso-800 27 20 13 espresso-900 4 2 1 espresso-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.