← Back to Tools
Design authoritative luxury corporate branding with this navy and gold palette featuring #1B2838 deep navy, #C9A962 metallic gold, #2C3E50 midnight blue, and #D4AF37 antique gold.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--deep-navy: #1B2838;
--deep-navy-50: #f7f9fc;
--deep-navy-100: #ecf0f4;
--deep-navy-200: #d7dee5;
--deep-navy-300: #bbc6d2;
--deep-navy-400: #97a6b6;
--deep-navy-500: #1B2838;
--deep-navy-600: #4b5c6d;
--deep-navy-700: #303f4d;
--deep-navy-800: #19242f;
--deep-navy-900: #070e15;
--deep-navy-950: #010103;
--metallic-gold: #C9A962;
--metallic-gold-50: #fffdf8;
--metallic-gold-100: #fefbf2;
--metallic-gold-200: #fcf6e6;
--metallic-gold-300: #f8efd6;
--metallic-gold-400: #f3e5c1;
--metallic-gold-500: #C9A962;
--metallic-gold-600: #c3b388;
--metallic-gold-700: #8b7e5a;
--metallic-gold-800: #564c30;
--metallic-gold-900: #2a2412;
--metallic-gold-950: #080602;
--midnight-blue: #2C3E50;
--midnight-blue-50: #f8fafd;
--midnight-blue-100: #eef3f7;
--midnight-blue-200: #dce4eb;
--midnight-blue-300: #c5d1db;
--midnight-blue-400: #a6b6c4;
--midnight-blue-500: #2C3E50;
--midnight-blue-600: #5f7181;
--midnight-blue-700: #3f4f5b;
--midnight-blue-800: #222e38;
--midnight-blue-900: #0c131a;
--midnight-blue-950: #010203;
--antique-gold: #D4AF37;
--antique-gold-50: #fffef4;
--antique-gold-100: #fffceb;
--antique-gold-200: #fdf7da;
--antique-gold-300: #fbf1c2;
--antique-gold-400: #f7e8a5;
--antique-gold-500: #D4AF37;
--antique-gold-600: #c8b664;
--antique-gold-700: #8f8038;
--antique-gold-800: #594d12;
--antique-gold-900: #2c2500;
--antique-gold-950: #090600;
}
$deep-navy: #1B2838; $deep-navy-50: #f7f9fc; $deep-navy-100: #ecf0f4; $deep-navy-200: #d7dee5; $deep-navy-300: #bbc6d2; $deep-navy-400: #97a6b6; $deep-navy-500: #1B2838; $deep-navy-600: #4b5c6d; $deep-navy-700: #303f4d; $deep-navy-800: #19242f; $deep-navy-900: #070e15; $deep-navy-950: #010103; $metallic-gold: #C9A962; $metallic-gold-50: #fffdf8; $metallic-gold-100: #fefbf2; $metallic-gold-200: #fcf6e6; $metallic-gold-300: #f8efd6; $metallic-gold-400: #f3e5c1; $metallic-gold-500: #C9A962; $metallic-gold-600: #c3b388; $metallic-gold-700: #8b7e5a; $metallic-gold-800: #564c30; $metallic-gold-900: #2a2412; $metallic-gold-950: #080602; $midnight-blue: #2C3E50; $midnight-blue-50: #f8fafd; $midnight-blue-100: #eef3f7; $midnight-blue-200: #dce4eb; $midnight-blue-300: #c5d1db; $midnight-blue-400: #a6b6c4; $midnight-blue-500: #2C3E50; $midnight-blue-600: #5f7181; $midnight-blue-700: #3f4f5b; $midnight-blue-800: #222e38; $midnight-blue-900: #0c131a; $midnight-blue-950: #010203; $antique-gold: #D4AF37; $antique-gold-50: #fffef4; $antique-gold-100: #fffceb; $antique-gold-200: #fdf7da; $antique-gold-300: #fbf1c2; $antique-gold-400: #f7e8a5; $antique-gold-500: #D4AF37; $antique-gold-600: #c8b664; $antique-gold-700: #8f8038; $antique-gold-800: #594d12; $antique-gold-900: #2c2500; $antique-gold-950: #090600;
colors: {
'deep-navy': {
50: '#f7f9fc',
100: '#ecf0f4',
200: '#d7dee5',
300: '#bbc6d2',
400: '#97a6b6',
500: '#1B2838',
600: '#4b5c6d',
700: '#303f4d',
800: '#19242f',
900: '#070e15',
950: '#010103',
DEFAULT: '#1B2838',
},
'metallic-gold': {
50: '#fffdf8',
100: '#fefbf2',
200: '#fcf6e6',
300: '#f8efd6',
400: '#f3e5c1',
500: '#C9A962',
600: '#c3b388',
700: '#8b7e5a',
800: '#564c30',
900: '#2a2412',
950: '#080602',
DEFAULT: '#C9A962',
},
'midnight-blue': {
50: '#f8fafd',
100: '#eef3f7',
200: '#dce4eb',
300: '#c5d1db',
400: '#a6b6c4',
500: '#2C3E50',
600: '#5f7181',
700: '#3f4f5b',
800: '#222e38',
900: '#0c131a',
950: '#010203',
DEFAULT: '#2C3E50',
},
'antique-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',
},
},
[
{
"name": "deep-navy",
"harmony": "Palette",
"hex": "#1B2838",
"rgb": {
"r": 27,
"g": 40,
"b": 56
},
"hsl": {
"h": 213,
"s": 35,
"l": 16
},
"value": "#1B2838",
"tonalScale": {
"50": {
"hex": "#f7f9fc",
"rgb": {
"r": 247,
"g": 249,
"b": 252
}
},
"100": {
"hex": "#ecf0f4",
"rgb": {
"r": 236,
"g": 240,
"b": 244
}
},
"200": {
"hex": "#d7dee5",
"rgb": {
"r": 215,
"g": 222,
"b": 229
}
},
"300": {
"hex": "#bbc6d2",
"rgb": {
"r": 187,
"g": 198,
"b": 210
}
},
"400": {
"hex": "#97a6b6",
"rgb": {
"r": 151,
"g": 166,
"b": 182
}
},
"500": {
"hex": "#1B2838",
"rgb": {
"r": 27,
"g": 40,
"b": 56
}
},
"600": {
"hex": "#4b5c6d",
"rgb": {
"r": 75,
"g": 92,
"b": 109
}
},
"700": {
"hex": "#303f4d",
"rgb": {
"r": 48,
"g": 63,
"b": 77
}
},
"800": {
"hex": "#19242f",
"rgb": {
"r": 25,
"g": 36,
"b": 47
}
},
"900": {
"hex": "#070e15",
"rgb": {
"r": 7,
"g": 14,
"b": 21
}
},
"950": {
"hex": "#010103",
"rgb": {
"r": 1,
"g": 1,
"b": 3
}
}
}
},
{
"name": "metallic-gold",
"harmony": "Palette",
"hex": "#C9A962",
"rgb": {
"r": 201,
"g": 169,
"b": 98
},
"hsl": {
"h": 41,
"s": 49,
"l": 59
},
"value": "#C9A962",
"tonalScale": {
"50": {
"hex": "#fffdf8",
"rgb": {
"r": 255,
"g": 253,
"b": 248
}
},
"100": {
"hex": "#fefbf2",
"rgb": {
"r": 254,
"g": 251,
"b": 242
}
},
"200": {
"hex": "#fcf6e6",
"rgb": {
"r": 252,
"g": 246,
"b": 230
}
},
"300": {
"hex": "#f8efd6",
"rgb": {
"r": 248,
"g": 239,
"b": 214
}
},
"400": {
"hex": "#f3e5c1",
"rgb": {
"r": 243,
"g": 229,
"b": 193
}
},
"500": {
"hex": "#C9A962",
"rgb": {
"r": 201,
"g": 169,
"b": 98
}
},
"600": {
"hex": "#c3b388",
"rgb": {
"r": 195,
"g": 179,
"b": 136
}
},
"700": {
"hex": "#8b7e5a",
"rgb": {
"r": 139,
"g": 126,
"b": 90
}
},
"800": {
"hex": "#564c30",
"rgb": {
"r": 86,
"g": 76,
"b": 48
}
},
"900": {
"hex": "#2a2412",
"rgb": {
"r": 42,
"g": 36,
"b": 18
}
},
"950": {
"hex": "#080602",
"rgb": {
"r": 8,
"g": 6,
"b": 2
}
}
}
},
{
"name": "midnight-blue",
"harmony": "Palette",
"hex": "#2C3E50",
"rgb": {
"r": 44,
"g": 62,
"b": 80
},
"hsl": {
"h": 210,
"s": 29,
"l": 24
},
"value": "#2C3E50",
"tonalScale": {
"50": {
"hex": "#f8fafd",
"rgb": {
"r": 248,
"g": 250,
"b": 253
}
},
"100": {
"hex": "#eef3f7",
"rgb": {
"r": 238,
"g": 243,
"b": 247
}
},
"200": {
"hex": "#dce4eb",
"rgb": {
"r": 220,
"g": 228,
"b": 235
}
},
"300": {
"hex": "#c5d1db",
"rgb": {
"r": 197,
"g": 209,
"b": 219
}
},
"400": {
"hex": "#a6b6c4",
"rgb": {
"r": 166,
"g": 182,
"b": 196
}
},
"500": {
"hex": "#2C3E50",
"rgb": {
"r": 44,
"g": 62,
"b": 80
}
},
"600": {
"hex": "#5f7181",
"rgb": {
"r": 95,
"g": 113,
"b": 129
}
},
"700": {
"hex": "#3f4f5b",
"rgb": {
"r": 63,
"g": 79,
"b": 91
}
},
"800": {
"hex": "#222e38",
"rgb": {
"r": 34,
"g": 46,
"b": 56
}
},
"900": {
"hex": "#0c131a",
"rgb": {
"r": 12,
"g": 19,
"b": 26
}
},
"950": {
"hex": "#010203",
"rgb": {
"r": 1,
"g": 2,
"b": 3
}
}
}
},
{
"name": "antique-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,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 deep-navy,Palette,#1B2838,"rgb(27, 40, 56)","hsl(213, 35%, 16%)",#1B2838,#f7f9fc,#ecf0f4,#d7dee5,#bbc6d2,#97a6b6,#1B2838,#4b5c6d,#303f4d,#19242f,#070e15,#010103 metallic-gold,Palette,#C9A962,"rgb(201, 169, 98)","hsl(41, 49%, 59%)",#C9A962,#fffdf8,#fefbf2,#fcf6e6,#f8efd6,#f3e5c1,#C9A962,#c3b388,#8b7e5a,#564c30,#2a2412,#080602 midnight-blue,Palette,#2C3E50,"rgb(44, 62, 80)","hsl(210, 29%, 24%)",#2C3E50,#f8fafd,#eef3f7,#dce4eb,#c5d1db,#a6b6c4,#2C3E50,#5f7181,#3f4f5b,#222e38,#0c131a,#010203 antique-gold,Palette,#D4AF37,"rgb(212, 175, 55)","hsl(46, 65%, 52%)",#D4AF37,#fffef4,#fffceb,#fdf7da,#fbf1c2,#f7e8a5,#D4AF37,#c8b664,#8f8038,#594d12,#2c2500,#090600
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 27 40 56 deep-navy 247 249 252 deep-navy-50 236 240 244 deep-navy-100 215 222 229 deep-navy-200 187 198 210 deep-navy-300 151 166 182 deep-navy-400 27 40 56 deep-navy-500 75 92 109 deep-navy-600 48 63 77 deep-navy-700 25 36 47 deep-navy-800 7 14 21 deep-navy-900 1 1 3 deep-navy-950 201 169 98 metallic-gold 255 253 248 metallic-gold-50 254 251 242 metallic-gold-100 252 246 230 metallic-gold-200 248 239 214 metallic-gold-300 243 229 193 metallic-gold-400 201 169 98 metallic-gold-500 195 179 136 metallic-gold-600 139 126 90 metallic-gold-700 86 76 48 metallic-gold-800 42 36 18 metallic-gold-900 8 6 2 metallic-gold-950 44 62 80 midnight-blue 248 250 253 midnight-blue-50 238 243 247 midnight-blue-100 220 228 235 midnight-blue-200 197 209 219 midnight-blue-300 166 182 196 midnight-blue-400 44 62 80 midnight-blue-500 95 113 129 midnight-blue-600 63 79 91 midnight-blue-700 34 46 56 midnight-blue-800 12 19 26 midnight-blue-900 1 2 3 midnight-blue-950 212 175 55 antique-gold 255 254 244 antique-gold-50 255 252 235 antique-gold-100 253 247 218 antique-gold-200 251 241 194 antique-gold-300 247 232 165 antique-gold-400 212 175 55 antique-gold-500 200 182 100 antique-gold-600 143 128 56 antique-gold-700 89 77 18 antique-gold-800 44 37 0 antique-gold-900 9 6 0 antique-gold-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.