← Back to Tools
Craft handmade pottery colors with buttery cream (#FBF1E4), warm sand (#E6C4A6), baked terracotta (#C9835A), toasted clay (#8F5A3C), and rich brown (#5A4638) for artisan ceramic designs.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--buttery-cream: #FBF1E4;
--buttery-cream-50: #fffffe;
--buttery-cream-100: #fffefd;
--buttery-cream-200: #fffefb;
--buttery-cream-300: #fffdf9;
--buttery-cream-400: #fffbf6;
--buttery-cream-500: #FBF1E4;
--buttery-cream-600: #d6d2cc;
--buttery-cream-700: #989490;
--buttery-cream-800: #5d5b57;
--buttery-cream-900: #2e2c2a;
--buttery-cream-950: #090908;
--warm-sand: #E6C4A6;
--warm-sand-50: #fffefc;
--warm-sand-100: #fffcf9;
--warm-sand-200: #fef8f3;
--warm-sand-300: #fdf4eb;
--warm-sand-400: #fbeee1;
--warm-sand-500: #E6C4A6;
--warm-sand-600: #cfbfb0;
--warm-sand-700: #93867a;
--warm-sand-800: #5b5248;
--warm-sand-900: #2d2721;
--warm-sand-950: #090705;
--baked-terracotta: #C9835A;
--baked-terracotta-50: #fffcf8;
--baked-terracotta-100: #fff8f2;
--baked-terracotta-200: #feefe5;
--baked-terracotta-300: #fbe5d4;
--baked-terracotta-400: #f6d6bf;
--baked-terracotta-500: #C9835A;
--baked-terracotta-600: #c49f84;
--baked-terracotta-700: #8d6e57;
--baked-terracotta-800: #594130;
--baked-terracotta-900: #2c1e12;
--baked-terracotta-950: #090402;
--toasted-clay: #8F5A3C;
--toasted-clay-50: #fffaf7;
--toasted-clay-100: #fdf4ef;
--toasted-clay-200: #f7e9df;
--toasted-clay-300: #efd9c9;
--toasted-clay-400: #e2c4ae;
--toasted-clay-500: #8F5A3C;
--toasted-clay-600: #a8866d;
--toasted-clay-700: #795c47;
--toasted-clay-800: #4b3626;
--toasted-clay-900: #25170d;
--toasted-clay-950: #060301;
--rich-brown: #5A4638;
--rich-brown-50: #fcfaf8;
--rich-brown-100: #f7f3f0;
--rich-brown-200: #ece5e0;
--rich-brown-300: #ddd3ca;
--rich-brown-400: #c8baae;
--rich-brown-500: #5A4638;
--rich-brown-600: #87786b;
--rich-brown-700: #605248;
--rich-brown-800: #3a3028;
--rich-brown-900: #1b140f;
--rich-brown-950: #040202;
}
$buttery-cream: #FBF1E4; $buttery-cream-50: #fffffe; $buttery-cream-100: #fffefd; $buttery-cream-200: #fffefb; $buttery-cream-300: #fffdf9; $buttery-cream-400: #fffbf6; $buttery-cream-500: #FBF1E4; $buttery-cream-600: #d6d2cc; $buttery-cream-700: #989490; $buttery-cream-800: #5d5b57; $buttery-cream-900: #2e2c2a; $buttery-cream-950: #090908; $warm-sand: #E6C4A6; $warm-sand-50: #fffefc; $warm-sand-100: #fffcf9; $warm-sand-200: #fef8f3; $warm-sand-300: #fdf4eb; $warm-sand-400: #fbeee1; $warm-sand-500: #E6C4A6; $warm-sand-600: #cfbfb0; $warm-sand-700: #93867a; $warm-sand-800: #5b5248; $warm-sand-900: #2d2721; $warm-sand-950: #090705; $baked-terracotta: #C9835A; $baked-terracotta-50: #fffcf8; $baked-terracotta-100: #fff8f2; $baked-terracotta-200: #feefe5; $baked-terracotta-300: #fbe5d4; $baked-terracotta-400: #f6d6bf; $baked-terracotta-500: #C9835A; $baked-terracotta-600: #c49f84; $baked-terracotta-700: #8d6e57; $baked-terracotta-800: #594130; $baked-terracotta-900: #2c1e12; $baked-terracotta-950: #090402; $toasted-clay: #8F5A3C; $toasted-clay-50: #fffaf7; $toasted-clay-100: #fdf4ef; $toasted-clay-200: #f7e9df; $toasted-clay-300: #efd9c9; $toasted-clay-400: #e2c4ae; $toasted-clay-500: #8F5A3C; $toasted-clay-600: #a8866d; $toasted-clay-700: #795c47; $toasted-clay-800: #4b3626; $toasted-clay-900: #25170d; $toasted-clay-950: #060301; $rich-brown: #5A4638; $rich-brown-50: #fcfaf8; $rich-brown-100: #f7f3f0; $rich-brown-200: #ece5e0; $rich-brown-300: #ddd3ca; $rich-brown-400: #c8baae; $rich-brown-500: #5A4638; $rich-brown-600: #87786b; $rich-brown-700: #605248; $rich-brown-800: #3a3028; $rich-brown-900: #1b140f; $rich-brown-950: #040202;
colors: {
'buttery-cream': {
50: '#fffffe',
100: '#fffefd',
200: '#fffefb',
300: '#fffdf9',
400: '#fffbf6',
500: '#FBF1E4',
600: '#d6d2cc',
700: '#989490',
800: '#5d5b57',
900: '#2e2c2a',
950: '#090908',
DEFAULT: '#FBF1E4',
},
'warm-sand': {
50: '#fffefc',
100: '#fffcf9',
200: '#fef8f3',
300: '#fdf4eb',
400: '#fbeee1',
500: '#E6C4A6',
600: '#cfbfb0',
700: '#93867a',
800: '#5b5248',
900: '#2d2721',
950: '#090705',
DEFAULT: '#E6C4A6',
},
'baked-terracotta': {
50: '#fffcf8',
100: '#fff8f2',
200: '#feefe5',
300: '#fbe5d4',
400: '#f6d6bf',
500: '#C9835A',
600: '#c49f84',
700: '#8d6e57',
800: '#594130',
900: '#2c1e12',
950: '#090402',
DEFAULT: '#C9835A',
},
'toasted-clay': {
50: '#fffaf7',
100: '#fdf4ef',
200: '#f7e9df',
300: '#efd9c9',
400: '#e2c4ae',
500: '#8F5A3C',
600: '#a8866d',
700: '#795c47',
800: '#4b3626',
900: '#25170d',
950: '#060301',
DEFAULT: '#8F5A3C',
},
'rich-brown': {
50: '#fcfaf8',
100: '#f7f3f0',
200: '#ece5e0',
300: '#ddd3ca',
400: '#c8baae',
500: '#5A4638',
600: '#87786b',
700: '#605248',
800: '#3a3028',
900: '#1b140f',
950: '#040202',
DEFAULT: '#5A4638',
},
},
[
{
"name": "buttery-cream",
"harmony": "Palette",
"hex": "#FBF1E4",
"rgb": {
"r": 251,
"g": 241,
"b": 228
},
"hsl": {
"h": 34,
"s": 74,
"l": 94
},
"value": "#FBF1E4",
"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": "#fffdf9",
"rgb": {
"r": 255,
"g": 253,
"b": 249
}
},
"400": {
"hex": "#fffbf6",
"rgb": {
"r": 255,
"g": 251,
"b": 246
}
},
"500": {
"hex": "#FBF1E4",
"rgb": {
"r": 251,
"g": 241,
"b": 228
}
},
"600": {
"hex": "#d6d2cc",
"rgb": {
"r": 214,
"g": 210,
"b": 204
}
},
"700": {
"hex": "#989490",
"rgb": {
"r": 152,
"g": 148,
"b": 144
}
},
"800": {
"hex": "#5d5b57",
"rgb": {
"r": 93,
"g": 91,
"b": 87
}
},
"900": {
"hex": "#2e2c2a",
"rgb": {
"r": 46,
"g": 44,
"b": 42
}
},
"950": {
"hex": "#090908",
"rgb": {
"r": 9,
"g": 9,
"b": 8
}
}
}
},
{
"name": "warm-sand",
"harmony": "Palette",
"hex": "#E6C4A6",
"rgb": {
"r": 230,
"g": 196,
"b": 166
},
"hsl": {
"h": 28,
"s": 56,
"l": 78
},
"value": "#E6C4A6",
"tonalScale": {
"50": {
"hex": "#fffefc",
"rgb": {
"r": 255,
"g": 254,
"b": 252
}
},
"100": {
"hex": "#fffcf9",
"rgb": {
"r": 255,
"g": 252,
"b": 249
}
},
"200": {
"hex": "#fef8f3",
"rgb": {
"r": 254,
"g": 248,
"b": 243
}
},
"300": {
"hex": "#fdf4eb",
"rgb": {
"r": 253,
"g": 244,
"b": 235
}
},
"400": {
"hex": "#fbeee1",
"rgb": {
"r": 251,
"g": 238,
"b": 225
}
},
"500": {
"hex": "#E6C4A6",
"rgb": {
"r": 230,
"g": 196,
"b": 166
}
},
"600": {
"hex": "#cfbfb0",
"rgb": {
"r": 207,
"g": 191,
"b": 176
}
},
"700": {
"hex": "#93867a",
"rgb": {
"r": 147,
"g": 134,
"b": 122
}
},
"800": {
"hex": "#5b5248",
"rgb": {
"r": 91,
"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": "baked-terracotta",
"harmony": "Palette",
"hex": "#C9835A",
"rgb": {
"r": 201,
"g": 131,
"b": 90
},
"hsl": {
"h": 22,
"s": 51,
"l": 57
},
"value": "#C9835A",
"tonalScale": {
"50": {
"hex": "#fffcf8",
"rgb": {
"r": 255,
"g": 252,
"b": 248
}
},
"100": {
"hex": "#fff8f2",
"rgb": {
"r": 255,
"g": 248,
"b": 242
}
},
"200": {
"hex": "#feefe5",
"rgb": {
"r": 254,
"g": 239,
"b": 229
}
},
"300": {
"hex": "#fbe5d4",
"rgb": {
"r": 251,
"g": 229,
"b": 212
}
},
"400": {
"hex": "#f6d6bf",
"rgb": {
"r": 246,
"g": 214,
"b": 191
}
},
"500": {
"hex": "#C9835A",
"rgb": {
"r": 201,
"g": 131,
"b": 90
}
},
"600": {
"hex": "#c49f84",
"rgb": {
"r": 196,
"g": 159,
"b": 132
}
},
"700": {
"hex": "#8d6e57",
"rgb": {
"r": 141,
"g": 110,
"b": 87
}
},
"800": {
"hex": "#594130",
"rgb": {
"r": 89,
"g": 65,
"b": 48
}
},
"900": {
"hex": "#2c1e12",
"rgb": {
"r": 44,
"g": 30,
"b": 18
}
},
"950": {
"hex": "#090402",
"rgb": {
"r": 9,
"g": 4,
"b": 2
}
}
}
},
{
"name": "toasted-clay",
"harmony": "Palette",
"hex": "#8F5A3C",
"rgb": {
"r": 143,
"g": 90,
"b": 60
},
"hsl": {
"h": 22,
"s": 41,
"l": 40
},
"value": "#8F5A3C",
"tonalScale": {
"50": {
"hex": "#fffaf7",
"rgb": {
"r": 255,
"g": 250,
"b": 247
}
},
"100": {
"hex": "#fdf4ef",
"rgb": {
"r": 253,
"g": 244,
"b": 239
}
},
"200": {
"hex": "#f7e9df",
"rgb": {
"r": 247,
"g": 233,
"b": 223
}
},
"300": {
"hex": "#efd9c9",
"rgb": {
"r": 239,
"g": 217,
"b": 201
}
},
"400": {
"hex": "#e2c4ae",
"rgb": {
"r": 226,
"g": 196,
"b": 174
}
},
"500": {
"hex": "#8F5A3C",
"rgb": {
"r": 143,
"g": 90,
"b": 60
}
},
"600": {
"hex": "#a8866d",
"rgb": {
"r": 168,
"g": 134,
"b": 109
}
},
"700": {
"hex": "#795c47",
"rgb": {
"r": 121,
"g": 92,
"b": 71
}
},
"800": {
"hex": "#4b3626",
"rgb": {
"r": 75,
"g": 54,
"b": 38
}
},
"900": {
"hex": "#25170d",
"rgb": {
"r": 37,
"g": 23,
"b": 13
}
},
"950": {
"hex": "#060301",
"rgb": {
"r": 6,
"g": 3,
"b": 1
}
}
}
},
{
"name": "rich-brown",
"harmony": "Palette",
"hex": "#5A4638",
"rgb": {
"r": 90,
"g": 70,
"b": 56
},
"hsl": {
"h": 25,
"s": 23,
"l": 29
},
"value": "#5A4638",
"tonalScale": {
"50": {
"hex": "#fcfaf8",
"rgb": {
"r": 252,
"g": 250,
"b": 248
}
},
"100": {
"hex": "#f7f3f0",
"rgb": {
"r": 247,
"g": 243,
"b": 240
}
},
"200": {
"hex": "#ece5e0",
"rgb": {
"r": 236,
"g": 229,
"b": 224
}
},
"300": {
"hex": "#ddd3ca",
"rgb": {
"r": 221,
"g": 211,
"b": 202
}
},
"400": {
"hex": "#c8baae",
"rgb": {
"r": 200,
"g": 186,
"b": 174
}
},
"500": {
"hex": "#5A4638",
"rgb": {
"r": 90,
"g": 70,
"b": 56
}
},
"600": {
"hex": "#87786b",
"rgb": {
"r": 135,
"g": 120,
"b": 107
}
},
"700": {
"hex": "#605248",
"rgb": {
"r": 96,
"g": 82,
"b": 72
}
},
"800": {
"hex": "#3a3028",
"rgb": {
"r": 58,
"g": 48,
"b": 40
}
},
"900": {
"hex": "#1b140f",
"rgb": {
"r": 27,
"g": 20,
"b": 15
}
},
"950": {
"hex": "#040202",
"rgb": {
"r": 4,
"g": 2,
"b": 2
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 buttery-cream,Palette,#FBF1E4,"rgb(251, 241, 228)","hsl(34, 74%, 94%)",#FBF1E4,#fffffe,#fffefd,#fffefb,#fffdf9,#fffbf6,#FBF1E4,#d6d2cc,#989490,#5d5b57,#2e2c2a,#090908 warm-sand,Palette,#E6C4A6,"rgb(230, 196, 166)","hsl(28, 56%, 78%)",#E6C4A6,#fffefc,#fffcf9,#fef8f3,#fdf4eb,#fbeee1,#E6C4A6,#cfbfb0,#93867a,#5b5248,#2d2721,#090705 baked-terracotta,Palette,#C9835A,"rgb(201, 131, 90)","hsl(22, 51%, 57%)",#C9835A,#fffcf8,#fff8f2,#feefe5,#fbe5d4,#f6d6bf,#C9835A,#c49f84,#8d6e57,#594130,#2c1e12,#090402 toasted-clay,Palette,#8F5A3C,"rgb(143, 90, 60)","hsl(22, 41%, 40%)",#8F5A3C,#fffaf7,#fdf4ef,#f7e9df,#efd9c9,#e2c4ae,#8F5A3C,#a8866d,#795c47,#4b3626,#25170d,#060301 rich-brown,Palette,#5A4638,"rgb(90, 70, 56)","hsl(25, 23%, 29%)",#5A4638,#fcfaf8,#f7f3f0,#ece5e0,#ddd3ca,#c8baae,#5A4638,#87786b,#605248,#3a3028,#1b140f,#040202
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 251 241 228 buttery-cream 255 255 254 buttery-cream-50 255 254 253 buttery-cream-100 255 254 251 buttery-cream-200 255 253 249 buttery-cream-300 255 251 246 buttery-cream-400 251 241 228 buttery-cream-500 214 210 204 buttery-cream-600 152 148 144 buttery-cream-700 93 91 87 buttery-cream-800 46 44 42 buttery-cream-900 9 9 8 buttery-cream-950 230 196 166 warm-sand 255 254 252 warm-sand-50 255 252 249 warm-sand-100 254 248 243 warm-sand-200 253 244 235 warm-sand-300 251 238 225 warm-sand-400 230 196 166 warm-sand-500 207 191 176 warm-sand-600 147 134 122 warm-sand-700 91 82 72 warm-sand-800 45 39 33 warm-sand-900 9 7 5 warm-sand-950 201 131 90 baked-terracotta 255 252 248 baked-terracotta-50 255 248 242 baked-terracotta-100 254 239 229 baked-terracotta-200 251 229 212 baked-terracotta-300 246 214 191 baked-terracotta-400 201 131 90 baked-terracotta-500 196 159 132 baked-terracotta-600 141 110 87 baked-terracotta-700 89 65 48 baked-terracotta-800 44 30 18 baked-terracotta-900 9 4 2 baked-terracotta-950 143 90 60 toasted-clay 255 250 247 toasted-clay-50 253 244 239 toasted-clay-100 247 233 223 toasted-clay-200 239 217 201 toasted-clay-300 226 196 174 toasted-clay-400 143 90 60 toasted-clay-500 168 134 109 toasted-clay-600 121 92 71 toasted-clay-700 75 54 38 toasted-clay-800 37 23 13 toasted-clay-900 6 3 1 toasted-clay-950 90 70 56 rich-brown 252 250 248 rich-brown-50 247 243 240 rich-brown-100 236 229 224 rich-brown-200 221 211 202 rich-brown-300 200 186 174 rich-brown-400 90 70 56 rich-brown-500 135 120 107 rich-brown-600 96 82 72 rich-brown-700 58 48 40 rich-brown-800 27 20 15 rich-brown-900 4 2 2 rich-brown-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.