← Back to Tools
Explore the E5A93B color - a warm mustard gold hex code. This palette pairs #E5A93B mustard gold with #F2DDA6 cream tint, #7A8B6F muted avocado, #B85042 burnt brick, and #5C4212 dark bronze for earthy, vintage-inspired designs.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--mustard-gold: #E5A93B;
--mustard-gold-50: #fffdf4;
--mustard-gold-100: #fffbeb;
--mustard-gold-200: #fff6db;
--mustard-gold-300: #ffefc4;
--mustard-gold-400: #fde5a8;
--mustard-gold-500: #E5A93B;
--mustard-gold-600: #cfb368;
--mustard-gold-700: #957d3c;
--mustard-gold-800: #5e4b16;
--mustard-gold-900: #2f2301;
--mustard-gold-950: #0a0600;
--cream-tint: #F2DDA6;
--cream-tint-50: #fffefb;
--cream-tint-100: #fffdf8;
--cream-tint-200: #fffcf2;
--cream-tint-300: #fef9e9;
--cream-tint-400: #fdf6df;
--cream-tint-500: #F2DDA6;
--cream-tint-600: #d3cab0;
--cream-tint-700: #968e78;
--cream-tint-800: #5d5746;
--cream-tint-900: #2e2a1f;
--cream-tint-950: #090804;
--muted-avocado: #7A8B6F;
--muted-avocado-50: #fcfdfb;
--muted-avocado-100: #f7f9f5;
--muted-avocado-200: #eef2eb;
--muted-avocado-300: #e2e9de;
--muted-avocado-400: #d3dbcd;
--muted-avocado-500: #7A8B6F;
--muted-avocado-600: #9aa493;
--muted-avocado-700: #6b7465;
--muted-avocado-800: #40463b;
--muted-avocado-900: #1d211a;
--muted-avocado-950: #040503;
--burnt-brick: #B85042;
--burnt-brick-50: #fff9f7;
--burnt-brick-100: #fff3f0;
--burnt-brick-200: #ffe6e0;
--burnt-brick-300: #fdd4cc;
--burnt-brick-400: #f5bdb2;
--burnt-brick-500: #B85042;
--burnt-brick-600: #bd7e72;
--burnt-brick-700: #8a554b;
--burnt-brick-800: #583029;
--burnt-brick-900: #2c130f;
--burnt-brick-950: #090201;
--dark-bronze: #5C4212;
--dark-bronze-50: #fdfaf3;
--dark-bronze-100: #f8f3e6;
--dark-bronze-200: #ede5cf;
--dark-bronze-300: #dfd2af;
--dark-bronze-400: #cab887;
--dark-bronze-500: #5C4212;
--dark-bronze-600: #897438;
--dark-bronze-700: #62501a;
--dark-bronze-800: #3c2e02;
--dark-bronze-900: #1c1300;
--dark-bronze-950: #040200;
}
$mustard-gold: #E5A93B; $mustard-gold-50: #fffdf4; $mustard-gold-100: #fffbeb; $mustard-gold-200: #fff6db; $mustard-gold-300: #ffefc4; $mustard-gold-400: #fde5a8; $mustard-gold-500: #E5A93B; $mustard-gold-600: #cfb368; $mustard-gold-700: #957d3c; $mustard-gold-800: #5e4b16; $mustard-gold-900: #2f2301; $mustard-gold-950: #0a0600; $cream-tint: #F2DDA6; $cream-tint-50: #fffefb; $cream-tint-100: #fffdf8; $cream-tint-200: #fffcf2; $cream-tint-300: #fef9e9; $cream-tint-400: #fdf6df; $cream-tint-500: #F2DDA6; $cream-tint-600: #d3cab0; $cream-tint-700: #968e78; $cream-tint-800: #5d5746; $cream-tint-900: #2e2a1f; $cream-tint-950: #090804; $muted-avocado: #7A8B6F; $muted-avocado-50: #fcfdfb; $muted-avocado-100: #f7f9f5; $muted-avocado-200: #eef2eb; $muted-avocado-300: #e2e9de; $muted-avocado-400: #d3dbcd; $muted-avocado-500: #7A8B6F; $muted-avocado-600: #9aa493; $muted-avocado-700: #6b7465; $muted-avocado-800: #40463b; $muted-avocado-900: #1d211a; $muted-avocado-950: #040503; $burnt-brick: #B85042; $burnt-brick-50: #fff9f7; $burnt-brick-100: #fff3f0; $burnt-brick-200: #ffe6e0; $burnt-brick-300: #fdd4cc; $burnt-brick-400: #f5bdb2; $burnt-brick-500: #B85042; $burnt-brick-600: #bd7e72; $burnt-brick-700: #8a554b; $burnt-brick-800: #583029; $burnt-brick-900: #2c130f; $burnt-brick-950: #090201; $dark-bronze: #5C4212; $dark-bronze-50: #fdfaf3; $dark-bronze-100: #f8f3e6; $dark-bronze-200: #ede5cf; $dark-bronze-300: #dfd2af; $dark-bronze-400: #cab887; $dark-bronze-500: #5C4212; $dark-bronze-600: #897438; $dark-bronze-700: #62501a; $dark-bronze-800: #3c2e02; $dark-bronze-900: #1c1300; $dark-bronze-950: #040200;
colors: {
'mustard-gold': {
50: '#fffdf4',
100: '#fffbeb',
200: '#fff6db',
300: '#ffefc4',
400: '#fde5a8',
500: '#E5A93B',
600: '#cfb368',
700: '#957d3c',
800: '#5e4b16',
900: '#2f2301',
950: '#0a0600',
DEFAULT: '#E5A93B',
},
'cream-tint': {
50: '#fffefb',
100: '#fffdf8',
200: '#fffcf2',
300: '#fef9e9',
400: '#fdf6df',
500: '#F2DDA6',
600: '#d3cab0',
700: '#968e78',
800: '#5d5746',
900: '#2e2a1f',
950: '#090804',
DEFAULT: '#F2DDA6',
},
'muted-avocado': {
50: '#fcfdfb',
100: '#f7f9f5',
200: '#eef2eb',
300: '#e2e9de',
400: '#d3dbcd',
500: '#7A8B6F',
600: '#9aa493',
700: '#6b7465',
800: '#40463b',
900: '#1d211a',
950: '#040503',
DEFAULT: '#7A8B6F',
},
'burnt-brick': {
50: '#fff9f7',
100: '#fff3f0',
200: '#ffe6e0',
300: '#fdd4cc',
400: '#f5bdb2',
500: '#B85042',
600: '#bd7e72',
700: '#8a554b',
800: '#583029',
900: '#2c130f',
950: '#090201',
DEFAULT: '#B85042',
},
'dark-bronze': {
50: '#fdfaf3',
100: '#f8f3e6',
200: '#ede5cf',
300: '#dfd2af',
400: '#cab887',
500: '#5C4212',
600: '#897438',
700: '#62501a',
800: '#3c2e02',
900: '#1c1300',
950: '#040200',
DEFAULT: '#5C4212',
},
},
[
{
"name": "mustard-gold",
"harmony": "Palette",
"hex": "#E5A93B",
"rgb": {
"r": 229,
"g": 169,
"b": 59
},
"hsl": {
"h": 39,
"s": 77,
"l": 56
},
"value": "#E5A93B",
"tonalScale": {
"50": {
"hex": "#fffdf4",
"rgb": {
"r": 255,
"g": 253,
"b": 244
}
},
"100": {
"hex": "#fffbeb",
"rgb": {
"r": 255,
"g": 251,
"b": 235
}
},
"200": {
"hex": "#fff6db",
"rgb": {
"r": 255,
"g": 246,
"b": 219
}
},
"300": {
"hex": "#ffefc4",
"rgb": {
"r": 255,
"g": 239,
"b": 196
}
},
"400": {
"hex": "#fde5a8",
"rgb": {
"r": 253,
"g": 229,
"b": 168
}
},
"500": {
"hex": "#E5A93B",
"rgb": {
"r": 229,
"g": 169,
"b": 59
}
},
"600": {
"hex": "#cfb368",
"rgb": {
"r": 207,
"g": 179,
"b": 104
}
},
"700": {
"hex": "#957d3c",
"rgb": {
"r": 149,
"g": 125,
"b": 60
}
},
"800": {
"hex": "#5e4b16",
"rgb": {
"r": 94,
"g": 75,
"b": 22
}
},
"900": {
"hex": "#2f2301",
"rgb": {
"r": 47,
"g": 35,
"b": 1
}
},
"950": {
"hex": "#0a0600",
"rgb": {
"r": 10,
"g": 6,
"b": 0
}
}
}
},
{
"name": "cream-tint",
"harmony": "Palette",
"hex": "#F2DDA6",
"rgb": {
"r": 242,
"g": 221,
"b": 166
},
"hsl": {
"h": 43,
"s": 75,
"l": 80
},
"value": "#F2DDA6",
"tonalScale": {
"50": {
"hex": "#fffefb",
"rgb": {
"r": 255,
"g": 254,
"b": 251
}
},
"100": {
"hex": "#fffdf8",
"rgb": {
"r": 255,
"g": 253,
"b": 248
}
},
"200": {
"hex": "#fffcf2",
"rgb": {
"r": 255,
"g": 252,
"b": 242
}
},
"300": {
"hex": "#fef9e9",
"rgb": {
"r": 254,
"g": 249,
"b": 233
}
},
"400": {
"hex": "#fdf6df",
"rgb": {
"r": 253,
"g": 246,
"b": 223
}
},
"500": {
"hex": "#F2DDA6",
"rgb": {
"r": 242,
"g": 221,
"b": 166
}
},
"600": {
"hex": "#d3cab0",
"rgb": {
"r": 211,
"g": 202,
"b": 176
}
},
"700": {
"hex": "#968e78",
"rgb": {
"r": 150,
"g": 142,
"b": 120
}
},
"800": {
"hex": "#5d5746",
"rgb": {
"r": 93,
"g": 87,
"b": 70
}
},
"900": {
"hex": "#2e2a1f",
"rgb": {
"r": 46,
"g": 42,
"b": 31
}
},
"950": {
"hex": "#090804",
"rgb": {
"r": 9,
"g": 8,
"b": 4
}
}
}
},
{
"name": "muted-avocado",
"harmony": "Palette",
"hex": "#7A8B6F",
"rgb": {
"r": 122,
"g": 139,
"b": 111
},
"hsl": {
"h": 96,
"s": 11,
"l": 49
},
"value": "#7A8B6F",
"tonalScale": {
"50": {
"hex": "#fcfdfb",
"rgb": {
"r": 252,
"g": 253,
"b": 251
}
},
"100": {
"hex": "#f7f9f5",
"rgb": {
"r": 247,
"g": 249,
"b": 245
}
},
"200": {
"hex": "#eef2eb",
"rgb": {
"r": 238,
"g": 242,
"b": 235
}
},
"300": {
"hex": "#e2e9de",
"rgb": {
"r": 226,
"g": 233,
"b": 222
}
},
"400": {
"hex": "#d3dbcd",
"rgb": {
"r": 211,
"g": 219,
"b": 205
}
},
"500": {
"hex": "#7A8B6F",
"rgb": {
"r": 122,
"g": 139,
"b": 111
}
},
"600": {
"hex": "#9aa493",
"rgb": {
"r": 154,
"g": 164,
"b": 147
}
},
"700": {
"hex": "#6b7465",
"rgb": {
"r": 107,
"g": 116,
"b": 101
}
},
"800": {
"hex": "#40463b",
"rgb": {
"r": 64,
"g": 70,
"b": 59
}
},
"900": {
"hex": "#1d211a",
"rgb": {
"r": 29,
"g": 33,
"b": 26
}
},
"950": {
"hex": "#040503",
"rgb": {
"r": 4,
"g": 5,
"b": 3
}
}
}
},
{
"name": "burnt-brick",
"harmony": "Palette",
"hex": "#B85042",
"rgb": {
"r": 184,
"g": 80,
"b": 66
},
"hsl": {
"h": 7,
"s": 47,
"l": 49
},
"value": "#B85042",
"tonalScale": {
"50": {
"hex": "#fff9f7",
"rgb": {
"r": 255,
"g": 249,
"b": 247
}
},
"100": {
"hex": "#fff3f0",
"rgb": {
"r": 255,
"g": 243,
"b": 240
}
},
"200": {
"hex": "#ffe6e0",
"rgb": {
"r": 255,
"g": 230,
"b": 224
}
},
"300": {
"hex": "#fdd4cc",
"rgb": {
"r": 253,
"g": 212,
"b": 204
}
},
"400": {
"hex": "#f5bdb2",
"rgb": {
"r": 245,
"g": 189,
"b": 178
}
},
"500": {
"hex": "#B85042",
"rgb": {
"r": 184,
"g": 80,
"b": 66
}
},
"600": {
"hex": "#bd7e72",
"rgb": {
"r": 189,
"g": 126,
"b": 114
}
},
"700": {
"hex": "#8a554b",
"rgb": {
"r": 138,
"g": 85,
"b": 75
}
},
"800": {
"hex": "#583029",
"rgb": {
"r": 88,
"g": 48,
"b": 41
}
},
"900": {
"hex": "#2c130f",
"rgb": {
"r": 44,
"g": 19,
"b": 15
}
},
"950": {
"hex": "#090201",
"rgb": {
"r": 9,
"g": 2,
"b": 1
}
}
}
},
{
"name": "dark-bronze",
"harmony": "Palette",
"hex": "#5C4212",
"rgb": {
"r": 92,
"g": 66,
"b": 18
},
"hsl": {
"h": 39,
"s": 67,
"l": 22
},
"value": "#5C4212",
"tonalScale": {
"50": {
"hex": "#fdfaf3",
"rgb": {
"r": 253,
"g": 250,
"b": 243
}
},
"100": {
"hex": "#f8f3e6",
"rgb": {
"r": 248,
"g": 243,
"b": 230
}
},
"200": {
"hex": "#ede5cf",
"rgb": {
"r": 237,
"g": 229,
"b": 207
}
},
"300": {
"hex": "#dfd2af",
"rgb": {
"r": 223,
"g": 210,
"b": 175
}
},
"400": {
"hex": "#cab887",
"rgb": {
"r": 202,
"g": 184,
"b": 135
}
},
"500": {
"hex": "#5C4212",
"rgb": {
"r": 92,
"g": 66,
"b": 18
}
},
"600": {
"hex": "#897438",
"rgb": {
"r": 137,
"g": 116,
"b": 56
}
},
"700": {
"hex": "#62501a",
"rgb": {
"r": 98,
"g": 80,
"b": 26
}
},
"800": {
"hex": "#3c2e02",
"rgb": {
"r": 60,
"g": 46,
"b": 2
}
},
"900": {
"hex": "#1c1300",
"rgb": {
"r": 28,
"g": 19,
"b": 0
}
},
"950": {
"hex": "#040200",
"rgb": {
"r": 4,
"g": 2,
"b": 0
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 mustard-gold,Palette,#E5A93B,"rgb(229, 169, 59)","hsl(39, 77%, 56%)",#E5A93B,#fffdf4,#fffbeb,#fff6db,#ffefc4,#fde5a8,#E5A93B,#cfb368,#957d3c,#5e4b16,#2f2301,#0a0600 cream-tint,Palette,#F2DDA6,"rgb(242, 221, 166)","hsl(43, 75%, 80%)",#F2DDA6,#fffefb,#fffdf8,#fffcf2,#fef9e9,#fdf6df,#F2DDA6,#d3cab0,#968e78,#5d5746,#2e2a1f,#090804 muted-avocado,Palette,#7A8B6F,"rgb(122, 139, 111)","hsl(96, 11%, 49%)",#7A8B6F,#fcfdfb,#f7f9f5,#eef2eb,#e2e9de,#d3dbcd,#7A8B6F,#9aa493,#6b7465,#40463b,#1d211a,#040503 burnt-brick,Palette,#B85042,"rgb(184, 80, 66)","hsl(7, 47%, 49%)",#B85042,#fff9f7,#fff3f0,#ffe6e0,#fdd4cc,#f5bdb2,#B85042,#bd7e72,#8a554b,#583029,#2c130f,#090201 dark-bronze,Palette,#5C4212,"rgb(92, 66, 18)","hsl(39, 67%, 22%)",#5C4212,#fdfaf3,#f8f3e6,#ede5cf,#dfd2af,#cab887,#5C4212,#897438,#62501a,#3c2e02,#1c1300,#040200
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 229 169 59 mustard-gold 255 253 244 mustard-gold-50 255 251 235 mustard-gold-100 255 246 219 mustard-gold-200 255 239 196 mustard-gold-300 253 229 168 mustard-gold-400 229 169 59 mustard-gold-500 207 179 104 mustard-gold-600 149 125 60 mustard-gold-700 94 75 22 mustard-gold-800 47 35 1 mustard-gold-900 10 6 0 mustard-gold-950 242 221 166 cream-tint 255 254 251 cream-tint-50 255 253 248 cream-tint-100 255 252 242 cream-tint-200 254 249 233 cream-tint-300 253 246 223 cream-tint-400 242 221 166 cream-tint-500 211 202 176 cream-tint-600 150 142 120 cream-tint-700 93 87 70 cream-tint-800 46 42 31 cream-tint-900 9 8 4 cream-tint-950 122 139 111 muted-avocado 252 253 251 muted-avocado-50 247 249 245 muted-avocado-100 238 242 235 muted-avocado-200 226 233 222 muted-avocado-300 211 219 205 muted-avocado-400 122 139 111 muted-avocado-500 154 164 147 muted-avocado-600 107 116 101 muted-avocado-700 64 70 59 muted-avocado-800 29 33 26 muted-avocado-900 4 5 3 muted-avocado-950 184 80 66 burnt-brick 255 249 247 burnt-brick-50 255 243 240 burnt-brick-100 255 230 224 burnt-brick-200 253 212 204 burnt-brick-300 245 189 178 burnt-brick-400 184 80 66 burnt-brick-500 189 126 114 burnt-brick-600 138 85 75 burnt-brick-700 88 48 41 burnt-brick-800 44 19 15 burnt-brick-900 9 2 1 burnt-brick-950 92 66 18 dark-bronze 253 250 243 dark-bronze-50 248 243 230 dark-bronze-100 237 229 207 dark-bronze-200 223 210 175 dark-bronze-300 202 184 135 dark-bronze-400 92 66 18 dark-bronze-500 137 116 56 dark-bronze-600 98 80 26 dark-bronze-700 60 46 2 dark-bronze-800 28 19 0 dark-bronze-900 4 2 0 dark-bronze-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.