← Back to Tools
Design high-end luxury branding with this obsidian and gold palette featuring #1A1A1A obsidian, #C9A84C bronze gold, #8C7340 antique gold, #3A3228 dark espresso, and #F5F0E8 ivory.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--obsidian: #1A1A1A;
--obsidian-50: #f8f8f8;
--obsidian-100: #ededed;
--obsidian-200: #d8d8d8;
--obsidian-300: #bdbdbd;
--obsidian-400: #989898;
--obsidian-500: #1A1A1A;
--obsidian-600: #4b4b4b;
--obsidian-700: #323232;
--obsidian-800: #1b1b1b;
--obsidian-900: #090909;
--obsidian-950: #010101;
--bronze-gold: #C9A84C;
--bronze-gold-50: #fffdf6;
--bronze-gold-100: #fefbee;
--bronze-gold-200: #fcf6e0;
--bronze-gold-300: #f8efcc;
--bronze-gold-400: #f3e5b4;
--bronze-gold-500: #C9A84C;
--bronze-gold-600: #c3b378;
--bronze-gold-700: #8b7d4b;
--bronze-gold-800: #574c25;
--bronze-gold-900: #2b240a;
--bronze-gold-950: #080601;
--dark-espresso: #3A3228;
--dark-espresso-50: #faf9f8;
--dark-espresso-100: #f3f1ee;
--dark-espresso-200: #e4e0dc;
--dark-espresso-300: #d0cac3;
--dark-espresso-400: #b4ada3;
--dark-espresso-500: #3A3228;
--dark-espresso-600: #6e665b;
--dark-espresso-700: #4d463d;
--dark-espresso-800: #2d2821;
--dark-espresso-900: #13100c;
--dark-espresso-950: #020201;
--ivory: #F5F0E8;
--ivory-50: #fffffe;
--ivory-100: #fffefe;
--ivory-200: #fefdfc;
--ivory-300: #fefcfa;
--ivory-400: #fdfbf8;
--ivory-500: #F5F0E8;
--ivory-600: #d4d2ce;
--ivory-700: #969491;
--ivory-800: #5c5b59;
--ivory-900: #2d2c2b;
--ivory-950: #090808;
--antique-gold: #8C7340;
--antique-gold-50: #fefcf7;
--antique-gold-100: #fbf7ef;
--antique-gold-200: #f4eedf;
--antique-gold-300: #ebe2ca;
--antique-gold-400: #ded1b0;
--antique-gold-500: #8C7340;
--antique-gold-600: #a69670;
--antique-gold-700: #766948;
--antique-gold-800: #483f25;
--antique-gold-900: #231c0c;
--antique-gold-950: #060401;
}
$obsidian: #1A1A1A; $obsidian-50: #f8f8f8; $obsidian-100: #ededed; $obsidian-200: #d8d8d8; $obsidian-300: #bdbdbd; $obsidian-400: #989898; $obsidian-500: #1A1A1A; $obsidian-600: #4b4b4b; $obsidian-700: #323232; $obsidian-800: #1b1b1b; $obsidian-900: #090909; $obsidian-950: #010101; $bronze-gold: #C9A84C; $bronze-gold-50: #fffdf6; $bronze-gold-100: #fefbee; $bronze-gold-200: #fcf6e0; $bronze-gold-300: #f8efcc; $bronze-gold-400: #f3e5b4; $bronze-gold-500: #C9A84C; $bronze-gold-600: #c3b378; $bronze-gold-700: #8b7d4b; $bronze-gold-800: #574c25; $bronze-gold-900: #2b240a; $bronze-gold-950: #080601; $dark-espresso: #3A3228; $dark-espresso-50: #faf9f8; $dark-espresso-100: #f3f1ee; $dark-espresso-200: #e4e0dc; $dark-espresso-300: #d0cac3; $dark-espresso-400: #b4ada3; $dark-espresso-500: #3A3228; $dark-espresso-600: #6e665b; $dark-espresso-700: #4d463d; $dark-espresso-800: #2d2821; $dark-espresso-900: #13100c; $dark-espresso-950: #020201; $ivory: #F5F0E8; $ivory-50: #fffffe; $ivory-100: #fffefe; $ivory-200: #fefdfc; $ivory-300: #fefcfa; $ivory-400: #fdfbf8; $ivory-500: #F5F0E8; $ivory-600: #d4d2ce; $ivory-700: #969491; $ivory-800: #5c5b59; $ivory-900: #2d2c2b; $ivory-950: #090808; $antique-gold: #8C7340; $antique-gold-50: #fefcf7; $antique-gold-100: #fbf7ef; $antique-gold-200: #f4eedf; $antique-gold-300: #ebe2ca; $antique-gold-400: #ded1b0; $antique-gold-500: #8C7340; $antique-gold-600: #a69670; $antique-gold-700: #766948; $antique-gold-800: #483f25; $antique-gold-900: #231c0c; $antique-gold-950: #060401;
colors: {
'obsidian': {
50: '#f8f8f8',
100: '#ededed',
200: '#d8d8d8',
300: '#bdbdbd',
400: '#989898',
500: '#1A1A1A',
600: '#4b4b4b',
700: '#323232',
800: '#1b1b1b',
900: '#090909',
950: '#010101',
DEFAULT: '#1A1A1A',
},
'bronze-gold': {
50: '#fffdf6',
100: '#fefbee',
200: '#fcf6e0',
300: '#f8efcc',
400: '#f3e5b4',
500: '#C9A84C',
600: '#c3b378',
700: '#8b7d4b',
800: '#574c25',
900: '#2b240a',
950: '#080601',
DEFAULT: '#C9A84C',
},
'dark-espresso': {
50: '#faf9f8',
100: '#f3f1ee',
200: '#e4e0dc',
300: '#d0cac3',
400: '#b4ada3',
500: '#3A3228',
600: '#6e665b',
700: '#4d463d',
800: '#2d2821',
900: '#13100c',
950: '#020201',
DEFAULT: '#3A3228',
},
'ivory': {
50: '#fffffe',
100: '#fffefe',
200: '#fefdfc',
300: '#fefcfa',
400: '#fdfbf8',
500: '#F5F0E8',
600: '#d4d2ce',
700: '#969491',
800: '#5c5b59',
900: '#2d2c2b',
950: '#090808',
DEFAULT: '#F5F0E8',
},
'antique-gold': {
50: '#fefcf7',
100: '#fbf7ef',
200: '#f4eedf',
300: '#ebe2ca',
400: '#ded1b0',
500: '#8C7340',
600: '#a69670',
700: '#766948',
800: '#483f25',
900: '#231c0c',
950: '#060401',
DEFAULT: '#8C7340',
},
},
[
{
"name": "obsidian",
"harmony": "Palette",
"hex": "#1A1A1A",
"rgb": {
"r": 26,
"g": 26,
"b": 26
},
"hsl": {
"h": 0,
"s": 0,
"l": 10
},
"value": "#1A1A1A",
"tonalScale": {
"50": {
"hex": "#f8f8f8",
"rgb": {
"r": 248,
"g": 248,
"b": 248
}
},
"100": {
"hex": "#ededed",
"rgb": {
"r": 237,
"g": 237,
"b": 237
}
},
"200": {
"hex": "#d8d8d8",
"rgb": {
"r": 216,
"g": 216,
"b": 216
}
},
"300": {
"hex": "#bdbdbd",
"rgb": {
"r": 189,
"g": 189,
"b": 189
}
},
"400": {
"hex": "#989898",
"rgb": {
"r": 152,
"g": 152,
"b": 152
}
},
"500": {
"hex": "#1A1A1A",
"rgb": {
"r": 26,
"g": 26,
"b": 26
}
},
"600": {
"hex": "#4b4b4b",
"rgb": {
"r": 75,
"g": 75,
"b": 75
}
},
"700": {
"hex": "#323232",
"rgb": {
"r": 50,
"g": 50,
"b": 50
}
},
"800": {
"hex": "#1b1b1b",
"rgb": {
"r": 27,
"g": 27,
"b": 27
}
},
"900": {
"hex": "#090909",
"rgb": {
"r": 9,
"g": 9,
"b": 9
}
},
"950": {
"hex": "#010101",
"rgb": {
"r": 1,
"g": 1,
"b": 1
}
}
}
},
{
"name": "bronze-gold",
"harmony": "Palette",
"hex": "#C9A84C",
"rgb": {
"r": 201,
"g": 168,
"b": 76
},
"hsl": {
"h": 44,
"s": 54,
"l": 54
},
"value": "#C9A84C",
"tonalScale": {
"50": {
"hex": "#fffdf6",
"rgb": {
"r": 255,
"g": 253,
"b": 246
}
},
"100": {
"hex": "#fefbee",
"rgb": {
"r": 254,
"g": 251,
"b": 238
}
},
"200": {
"hex": "#fcf6e0",
"rgb": {
"r": 252,
"g": 246,
"b": 224
}
},
"300": {
"hex": "#f8efcc",
"rgb": {
"r": 248,
"g": 239,
"b": 204
}
},
"400": {
"hex": "#f3e5b4",
"rgb": {
"r": 243,
"g": 229,
"b": 180
}
},
"500": {
"hex": "#C9A84C",
"rgb": {
"r": 201,
"g": 168,
"b": 76
}
},
"600": {
"hex": "#c3b378",
"rgb": {
"r": 195,
"g": 179,
"b": 120
}
},
"700": {
"hex": "#8b7d4b",
"rgb": {
"r": 139,
"g": 125,
"b": 75
}
},
"800": {
"hex": "#574c25",
"rgb": {
"r": 87,
"g": 76,
"b": 37
}
},
"900": {
"hex": "#2b240a",
"rgb": {
"r": 43,
"g": 36,
"b": 10
}
},
"950": {
"hex": "#080601",
"rgb": {
"r": 8,
"g": 6,
"b": 1
}
}
}
},
{
"name": "dark-espresso",
"harmony": "Palette",
"hex": "#3A3228",
"rgb": {
"r": 58,
"g": 50,
"b": 40
},
"hsl": {
"h": 33,
"s": 18,
"l": 19
},
"value": "#3A3228",
"tonalScale": {
"50": {
"hex": "#faf9f8",
"rgb": {
"r": 250,
"g": 249,
"b": 248
}
},
"100": {
"hex": "#f3f1ee",
"rgb": {
"r": 243,
"g": 241,
"b": 238
}
},
"200": {
"hex": "#e4e0dc",
"rgb": {
"r": 228,
"g": 224,
"b": 220
}
},
"300": {
"hex": "#d0cac3",
"rgb": {
"r": 208,
"g": 202,
"b": 195
}
},
"400": {
"hex": "#b4ada3",
"rgb": {
"r": 180,
"g": 173,
"b": 163
}
},
"500": {
"hex": "#3A3228",
"rgb": {
"r": 58,
"g": 50,
"b": 40
}
},
"600": {
"hex": "#6e665b",
"rgb": {
"r": 110,
"g": 102,
"b": 91
}
},
"700": {
"hex": "#4d463d",
"rgb": {
"r": 77,
"g": 70,
"b": 61
}
},
"800": {
"hex": "#2d2821",
"rgb": {
"r": 45,
"g": 40,
"b": 33
}
},
"900": {
"hex": "#13100c",
"rgb": {
"r": 19,
"g": 16,
"b": 12
}
},
"950": {
"hex": "#020201",
"rgb": {
"r": 2,
"g": 2,
"b": 1
}
}
}
},
{
"name": "ivory",
"harmony": "Palette",
"hex": "#F5F0E8",
"rgb": {
"r": 245,
"g": 240,
"b": 232
},
"hsl": {
"h": 37,
"s": 39,
"l": 94
},
"value": "#F5F0E8",
"tonalScale": {
"50": {
"hex": "#fffffe",
"rgb": {
"r": 255,
"g": 255,
"b": 254
}
},
"100": {
"hex": "#fffefe",
"rgb": {
"r": 255,
"g": 254,
"b": 254
}
},
"200": {
"hex": "#fefdfc",
"rgb": {
"r": 254,
"g": 253,
"b": 252
}
},
"300": {
"hex": "#fefcfa",
"rgb": {
"r": 254,
"g": 252,
"b": 250
}
},
"400": {
"hex": "#fdfbf8",
"rgb": {
"r": 253,
"g": 251,
"b": 248
}
},
"500": {
"hex": "#F5F0E8",
"rgb": {
"r": 245,
"g": 240,
"b": 232
}
},
"600": {
"hex": "#d4d2ce",
"rgb": {
"r": 212,
"g": 210,
"b": 206
}
},
"700": {
"hex": "#969491",
"rgb": {
"r": 150,
"g": 148,
"b": 145
}
},
"800": {
"hex": "#5c5b59",
"rgb": {
"r": 92,
"g": 91,
"b": 89
}
},
"900": {
"hex": "#2d2c2b",
"rgb": {
"r": 45,
"g": 44,
"b": 43
}
},
"950": {
"hex": "#090808",
"rgb": {
"r": 9,
"g": 8,
"b": 8
}
}
}
},
{
"name": "antique-gold",
"harmony": "Palette",
"hex": "#8C7340",
"rgb": {
"r": 140,
"g": 115,
"b": 64
},
"hsl": {
"h": 40,
"s": 37,
"l": 40
},
"value": "#8C7340",
"tonalScale": {
"50": {
"hex": "#fefcf7",
"rgb": {
"r": 254,
"g": 252,
"b": 247
}
},
"100": {
"hex": "#fbf7ef",
"rgb": {
"r": 251,
"g": 247,
"b": 239
}
},
"200": {
"hex": "#f4eedf",
"rgb": {
"r": 244,
"g": 238,
"b": 223
}
},
"300": {
"hex": "#ebe2ca",
"rgb": {
"r": 235,
"g": 226,
"b": 202
}
},
"400": {
"hex": "#ded1b0",
"rgb": {
"r": 222,
"g": 209,
"b": 176
}
},
"500": {
"hex": "#8C7340",
"rgb": {
"r": 140,
"g": 115,
"b": 64
}
},
"600": {
"hex": "#a69670",
"rgb": {
"r": 166,
"g": 150,
"b": 112
}
},
"700": {
"hex": "#766948",
"rgb": {
"r": 118,
"g": 105,
"b": 72
}
},
"800": {
"hex": "#483f25",
"rgb": {
"r": 72,
"g": 63,
"b": 37
}
},
"900": {
"hex": "#231c0c",
"rgb": {
"r": 35,
"g": 28,
"b": 12
}
},
"950": {
"hex": "#060401",
"rgb": {
"r": 6,
"g": 4,
"b": 1
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 obsidian,Palette,#1A1A1A,"rgb(26, 26, 26)","hsl(0, 0%, 10%)",#1A1A1A,#f8f8f8,#ededed,#d8d8d8,#bdbdbd,#989898,#1A1A1A,#4b4b4b,#323232,#1b1b1b,#090909,#010101 bronze-gold,Palette,#C9A84C,"rgb(201, 168, 76)","hsl(44, 54%, 54%)",#C9A84C,#fffdf6,#fefbee,#fcf6e0,#f8efcc,#f3e5b4,#C9A84C,#c3b378,#8b7d4b,#574c25,#2b240a,#080601 dark-espresso,Palette,#3A3228,"rgb(58, 50, 40)","hsl(33, 18%, 19%)",#3A3228,#faf9f8,#f3f1ee,#e4e0dc,#d0cac3,#b4ada3,#3A3228,#6e665b,#4d463d,#2d2821,#13100c,#020201 ivory,Palette,#F5F0E8,"rgb(245, 240, 232)","hsl(37, 39%, 94%)",#F5F0E8,#fffffe,#fffefe,#fefdfc,#fefcfa,#fdfbf8,#F5F0E8,#d4d2ce,#969491,#5c5b59,#2d2c2b,#090808 antique-gold,Palette,#8C7340,"rgb(140, 115, 64)","hsl(40, 37%, 40%)",#8C7340,#fefcf7,#fbf7ef,#f4eedf,#ebe2ca,#ded1b0,#8C7340,#a69670,#766948,#483f25,#231c0c,#060401
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 26 26 26 obsidian 248 248 248 obsidian-50 237 237 237 obsidian-100 216 216 216 obsidian-200 189 189 189 obsidian-300 152 152 152 obsidian-400 26 26 26 obsidian-500 75 75 75 obsidian-600 50 50 50 obsidian-700 27 27 27 obsidian-800 9 9 9 obsidian-900 1 1 1 obsidian-950 201 168 76 bronze-gold 255 253 246 bronze-gold-50 254 251 238 bronze-gold-100 252 246 224 bronze-gold-200 248 239 204 bronze-gold-300 243 229 180 bronze-gold-400 201 168 76 bronze-gold-500 195 179 120 bronze-gold-600 139 125 75 bronze-gold-700 87 76 37 bronze-gold-800 43 36 10 bronze-gold-900 8 6 1 bronze-gold-950 58 50 40 dark-espresso 250 249 248 dark-espresso-50 243 241 238 dark-espresso-100 228 224 220 dark-espresso-200 208 202 195 dark-espresso-300 180 173 163 dark-espresso-400 58 50 40 dark-espresso-500 110 102 91 dark-espresso-600 77 70 61 dark-espresso-700 45 40 33 dark-espresso-800 19 16 12 dark-espresso-900 2 2 1 dark-espresso-950 245 240 232 ivory 255 255 254 ivory-50 255 254 254 ivory-100 254 253 252 ivory-200 254 252 250 ivory-300 253 251 248 ivory-400 245 240 232 ivory-500 212 210 206 ivory-600 150 148 145 ivory-700 92 91 89 ivory-800 45 44 43 ivory-900 9 8 8 ivory-950 140 115 64 antique-gold 254 252 247 antique-gold-50 251 247 239 antique-gold-100 244 238 223 antique-gold-200 235 226 202 antique-gold-300 222 209 176 antique-gold-400 140 115 64 antique-gold-500 166 150 112 antique-gold-600 118 105 72 antique-gold-700 72 63 37 antique-gold-800 35 28 12 antique-gold-900 6 4 1 antique-gold-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.