← Back to Tools
Design luxurious jewelry and wealth branding with this emerald and gold palette featuring #50C878 emerald green, #D4AF37 metallic gold, #2E8B57 sea green, and #FFD700 bright gold.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--emerald-green: #50C878;
--emerald-green-50: #f7fffa;
--emerald-green-100: #f0fff5;
--emerald-green-200: #e3fceb;
--emerald-green-300: #d0f9df;
--emerald-green-400: #b8f4ce;
--emerald-green-500: #50C878;
--emerald-green-600: #7bc298;
--emerald-green-700: #4d8b67;
--emerald-green-800: #26563b;
--emerald-green-900: #0a2b19;
--emerald-green-950: #010803;
--metallic-gold: #D4AF37;
--metallic-gold-50: #fffef4;
--metallic-gold-100: #fffceb;
--metallic-gold-200: #fdf7da;
--metallic-gold-300: #fbf1c2;
--metallic-gold-400: #f7e8a5;
--metallic-gold-500: #D4AF37;
--metallic-gold-600: #c8b664;
--metallic-gold-700: #8f8038;
--metallic-gold-800: #594d12;
--metallic-gold-900: #2c2500;
--metallic-gold-950: #090600;
--sea-green: #2E8B57;
--sea-green-50: #f6fef9;
--sea-green-100: #ecfbf3;
--sea-green-200: #dbf5e7;
--sea-green-300: #c3ecd6;
--sea-green-400: #a4dfc1;
--sea-green-500: #2E8B57;
--sea-green-600: #5da583;
--sea-green-700: #377659;
--sea-green-800: #154933;
--sea-green-900: #022315;
--sea-green-950: #000602;
--bright-gold: #FFD700;
--bright-gold-50: #ffffed;
--bright-gold-100: #ffffe1;
--bright-gold-200: #fffdc7;
--bright-gold-300: #fffaa3;
--bright-gold-400: #fff671;
--bright-gold-500: #FFD700;
--bright-gold-600: #d9c700;
--bright-gold-700: #9c8c00;
--bright-gold-800: #625500;
--bright-gold-900: #322900;
--bright-gold-950: #0b0700;
}
$emerald-green: #50C878; $emerald-green-50: #f7fffa; $emerald-green-100: #f0fff5; $emerald-green-200: #e3fceb; $emerald-green-300: #d0f9df; $emerald-green-400: #b8f4ce; $emerald-green-500: #50C878; $emerald-green-600: #7bc298; $emerald-green-700: #4d8b67; $emerald-green-800: #26563b; $emerald-green-900: #0a2b19; $emerald-green-950: #010803; $metallic-gold: #D4AF37; $metallic-gold-50: #fffef4; $metallic-gold-100: #fffceb; $metallic-gold-200: #fdf7da; $metallic-gold-300: #fbf1c2; $metallic-gold-400: #f7e8a5; $metallic-gold-500: #D4AF37; $metallic-gold-600: #c8b664; $metallic-gold-700: #8f8038; $metallic-gold-800: #594d12; $metallic-gold-900: #2c2500; $metallic-gold-950: #090600; $sea-green: #2E8B57; $sea-green-50: #f6fef9; $sea-green-100: #ecfbf3; $sea-green-200: #dbf5e7; $sea-green-300: #c3ecd6; $sea-green-400: #a4dfc1; $sea-green-500: #2E8B57; $sea-green-600: #5da583; $sea-green-700: #377659; $sea-green-800: #154933; $sea-green-900: #022315; $sea-green-950: #000602; $bright-gold: #FFD700; $bright-gold-50: #ffffed; $bright-gold-100: #ffffe1; $bright-gold-200: #fffdc7; $bright-gold-300: #fffaa3; $bright-gold-400: #fff671; $bright-gold-500: #FFD700; $bright-gold-600: #d9c700; $bright-gold-700: #9c8c00; $bright-gold-800: #625500; $bright-gold-900: #322900; $bright-gold-950: #0b0700;
colors: {
'emerald-green': {
50: '#f7fffa',
100: '#f0fff5',
200: '#e3fceb',
300: '#d0f9df',
400: '#b8f4ce',
500: '#50C878',
600: '#7bc298',
700: '#4d8b67',
800: '#26563b',
900: '#0a2b19',
950: '#010803',
DEFAULT: '#50C878',
},
'metallic-gold': {
50: '#fffef4',
100: '#fffceb',
200: '#fdf7da',
300: '#fbf1c2',
400: '#f7e8a5',
500: '#D4AF37',
600: '#c8b664',
700: '#8f8038',
800: '#594d12',
900: '#2c2500',
950: '#090600',
DEFAULT: '#D4AF37',
},
'sea-green': {
50: '#f6fef9',
100: '#ecfbf3',
200: '#dbf5e7',
300: '#c3ecd6',
400: '#a4dfc1',
500: '#2E8B57',
600: '#5da583',
700: '#377659',
800: '#154933',
900: '#022315',
950: '#000602',
DEFAULT: '#2E8B57',
},
'bright-gold': {
50: '#ffffed',
100: '#ffffe1',
200: '#fffdc7',
300: '#fffaa3',
400: '#fff671',
500: '#FFD700',
600: '#d9c700',
700: '#9c8c00',
800: '#625500',
900: '#322900',
950: '#0b0700',
DEFAULT: '#FFD700',
},
},
[
{
"name": "emerald-green",
"harmony": "Palette",
"hex": "#50C878",
"rgb": {
"r": 80,
"g": 200,
"b": 120
},
"hsl": {
"h": 140,
"s": 52,
"l": 55
},
"value": "#50C878",
"tonalScale": {
"50": {
"hex": "#f7fffa",
"rgb": {
"r": 247,
"g": 255,
"b": 250
}
},
"100": {
"hex": "#f0fff5",
"rgb": {
"r": 240,
"g": 255,
"b": 245
}
},
"200": {
"hex": "#e3fceb",
"rgb": {
"r": 227,
"g": 252,
"b": 235
}
},
"300": {
"hex": "#d0f9df",
"rgb": {
"r": 208,
"g": 249,
"b": 223
}
},
"400": {
"hex": "#b8f4ce",
"rgb": {
"r": 184,
"g": 244,
"b": 206
}
},
"500": {
"hex": "#50C878",
"rgb": {
"r": 80,
"g": 200,
"b": 120
}
},
"600": {
"hex": "#7bc298",
"rgb": {
"r": 123,
"g": 194,
"b": 152
}
},
"700": {
"hex": "#4d8b67",
"rgb": {
"r": 77,
"g": 139,
"b": 103
}
},
"800": {
"hex": "#26563b",
"rgb": {
"r": 38,
"g": 86,
"b": 59
}
},
"900": {
"hex": "#0a2b19",
"rgb": {
"r": 10,
"g": 43,
"b": 25
}
},
"950": {
"hex": "#010803",
"rgb": {
"r": 1,
"g": 8,
"b": 3
}
}
}
},
{
"name": "metallic-gold",
"harmony": "Palette",
"hex": "#D4AF37",
"rgb": {
"r": 212,
"g": 175,
"b": 55
},
"hsl": {
"h": 46,
"s": 65,
"l": 52
},
"value": "#D4AF37",
"tonalScale": {
"50": {
"hex": "#fffef4",
"rgb": {
"r": 255,
"g": 254,
"b": 244
}
},
"100": {
"hex": "#fffceb",
"rgb": {
"r": 255,
"g": 252,
"b": 235
}
},
"200": {
"hex": "#fdf7da",
"rgb": {
"r": 253,
"g": 247,
"b": 218
}
},
"300": {
"hex": "#fbf1c2",
"rgb": {
"r": 251,
"g": 241,
"b": 194
}
},
"400": {
"hex": "#f7e8a5",
"rgb": {
"r": 247,
"g": 232,
"b": 165
}
},
"500": {
"hex": "#D4AF37",
"rgb": {
"r": 212,
"g": 175,
"b": 55
}
},
"600": {
"hex": "#c8b664",
"rgb": {
"r": 200,
"g": 182,
"b": 100
}
},
"700": {
"hex": "#8f8038",
"rgb": {
"r": 143,
"g": 128,
"b": 56
}
},
"800": {
"hex": "#594d12",
"rgb": {
"r": 89,
"g": 77,
"b": 18
}
},
"900": {
"hex": "#2c2500",
"rgb": {
"r": 44,
"g": 37,
"b": 0
}
},
"950": {
"hex": "#090600",
"rgb": {
"r": 9,
"g": 6,
"b": 0
}
}
}
},
{
"name": "sea-green",
"harmony": "Palette",
"hex": "#2E8B57",
"rgb": {
"r": 46,
"g": 139,
"b": 87
},
"hsl": {
"h": 146,
"s": 50,
"l": 36
},
"value": "#2E8B57",
"tonalScale": {
"50": {
"hex": "#f6fef9",
"rgb": {
"r": 246,
"g": 254,
"b": 249
}
},
"100": {
"hex": "#ecfbf3",
"rgb": {
"r": 236,
"g": 251,
"b": 243
}
},
"200": {
"hex": "#dbf5e7",
"rgb": {
"r": 219,
"g": 245,
"b": 231
}
},
"300": {
"hex": "#c3ecd6",
"rgb": {
"r": 195,
"g": 236,
"b": 214
}
},
"400": {
"hex": "#a4dfc1",
"rgb": {
"r": 164,
"g": 223,
"b": 193
}
},
"500": {
"hex": "#2E8B57",
"rgb": {
"r": 46,
"g": 139,
"b": 87
}
},
"600": {
"hex": "#5da583",
"rgb": {
"r": 93,
"g": 165,
"b": 131
}
},
"700": {
"hex": "#377659",
"rgb": {
"r": 55,
"g": 118,
"b": 89
}
},
"800": {
"hex": "#154933",
"rgb": {
"r": 21,
"g": 73,
"b": 51
}
},
"900": {
"hex": "#022315",
"rgb": {
"r": 2,
"g": 35,
"b": 21
}
},
"950": {
"hex": "#000602",
"rgb": {
"r": 0,
"g": 6,
"b": 2
}
}
}
},
{
"name": "bright-gold",
"harmony": "Palette",
"hex": "#FFD700",
"rgb": {
"r": 255,
"g": 215,
"b": 0
},
"hsl": {
"h": 51,
"s": 100,
"l": 50
},
"value": "#FFD700",
"tonalScale": {
"50": {
"hex": "#ffffed",
"rgb": {
"r": 255,
"g": 255,
"b": 237
}
},
"100": {
"hex": "#ffffe1",
"rgb": {
"r": 255,
"g": 255,
"b": 225
}
},
"200": {
"hex": "#fffdc7",
"rgb": {
"r": 255,
"g": 253,
"b": 199
}
},
"300": {
"hex": "#fffaa3",
"rgb": {
"r": 255,
"g": 250,
"b": 163
}
},
"400": {
"hex": "#fff671",
"rgb": {
"r": 255,
"g": 246,
"b": 113
}
},
"500": {
"hex": "#FFD700",
"rgb": {
"r": 255,
"g": 215,
"b": 0
}
},
"600": {
"hex": "#d9c700",
"rgb": {
"r": 217,
"g": 199,
"b": 0
}
},
"700": {
"hex": "#9c8c00",
"rgb": {
"r": 156,
"g": 140,
"b": 0
}
},
"800": {
"hex": "#625500",
"rgb": {
"r": 98,
"g": 85,
"b": 0
}
},
"900": {
"hex": "#322900",
"rgb": {
"r": 50,
"g": 41,
"b": 0
}
},
"950": {
"hex": "#0b0700",
"rgb": {
"r": 11,
"g": 7,
"b": 0
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 emerald-green,Palette,#50C878,"rgb(80, 200, 120)","hsl(140, 52%, 55%)",#50C878,#f7fffa,#f0fff5,#e3fceb,#d0f9df,#b8f4ce,#50C878,#7bc298,#4d8b67,#26563b,#0a2b19,#010803 metallic-gold,Palette,#D4AF37,"rgb(212, 175, 55)","hsl(46, 65%, 52%)",#D4AF37,#fffef4,#fffceb,#fdf7da,#fbf1c2,#f7e8a5,#D4AF37,#c8b664,#8f8038,#594d12,#2c2500,#090600 sea-green,Palette,#2E8B57,"rgb(46, 139, 87)","hsl(146, 50%, 36%)",#2E8B57,#f6fef9,#ecfbf3,#dbf5e7,#c3ecd6,#a4dfc1,#2E8B57,#5da583,#377659,#154933,#022315,#000602 bright-gold,Palette,#FFD700,"rgb(255, 215, 0)","hsl(51, 100%, 50%)",#FFD700,#ffffed,#ffffe1,#fffdc7,#fffaa3,#fff671,#FFD700,#d9c700,#9c8c00,#625500,#322900,#0b0700
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 80 200 120 emerald-green 247 255 250 emerald-green-50 240 255 245 emerald-green-100 227 252 235 emerald-green-200 208 249 223 emerald-green-300 184 244 206 emerald-green-400 80 200 120 emerald-green-500 123 194 152 emerald-green-600 77 139 103 emerald-green-700 38 86 59 emerald-green-800 10 43 25 emerald-green-900 1 8 3 emerald-green-950 212 175 55 metallic-gold 255 254 244 metallic-gold-50 255 252 235 metallic-gold-100 253 247 218 metallic-gold-200 251 241 194 metallic-gold-300 247 232 165 metallic-gold-400 212 175 55 metallic-gold-500 200 182 100 metallic-gold-600 143 128 56 metallic-gold-700 89 77 18 metallic-gold-800 44 37 0 metallic-gold-900 9 6 0 metallic-gold-950 46 139 87 sea-green 246 254 249 sea-green-50 236 251 243 sea-green-100 219 245 231 sea-green-200 195 236 214 sea-green-300 164 223 193 sea-green-400 46 139 87 sea-green-500 93 165 131 sea-green-600 55 118 89 sea-green-700 21 73 51 sea-green-800 2 35 21 sea-green-900 0 6 2 sea-green-950 255 215 0 bright-gold 255 255 237 bright-gold-50 255 255 225 bright-gold-100 255 253 199 bright-gold-200 255 250 163 bright-gold-300 255 246 113 bright-gold-400 255 215 0 bright-gold-500 217 199 0 bright-gold-600 156 140 0 bright-gold-700 98 85 0 bright-gold-800 50 41 0 bright-gold-900 11 7 0 bright-gold-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.