Gatsby Gold Color Palette
The Jazz Age in five materials: champagne and gold, emerald, deep navy, and onyx black. Opulent and geometric, it's all 1920s glamour — gilded lines, lacquer, and stained glass. For luxury branding, Gatsby and speakeasy themes, and elegant posters.
Get Paintrix free on the App Store.
Download
Hex codes
Color theory
Base
Complement
Analogous −30°
Analogous +30°
Triadic
Use it for
Code formats
CSS
:root {
--art-deco-1: #F0E6CC;
--art-deco-2: #E6D7B0;
--art-deco-3: #D9C593;
--art-deco-4: #C9B074;
--art-deco-5: #B89A59;
--art-deco-6: #A48342;
--art-deco-7: #D4AF37;
--art-deco-8: #C29E2E;
--art-deco-9: #B08D26;
--art-deco-10: #9C7B1F;
--art-deco-11: #886A19;
--art-deco-12: #745913;
--art-deco-13: #1E6E54;
--art-deco-14: #1A6049;
--art-deco-15: #16523F;
--art-deco-16: #124434;
--art-deco-17: #0E362A;
--art-deco-18: #0A2820;
--art-deco-19: #1A3A4A;
--art-deco-20: #163240;
--art-deco-21: #122A36;
--art-deco-22: #0E222C;
--art-deco-23: #0A1A22;
--art-deco-24: #071218;
--art-deco-25: #2A2724;
--art-deco-26: #221F1D;
--art-deco-27: #1A1816;
--art-deco-28: #131110;
--art-deco-29: #0C0B0A;
--art-deco-30: #060605;
}SCSS
$art-deco-1: #F0E6CC;
$art-deco-2: #E6D7B0;
$art-deco-3: #D9C593;
$art-deco-4: #C9B074;
$art-deco-5: #B89A59;
$art-deco-6: #A48342;
$art-deco-7: #D4AF37;
$art-deco-8: #C29E2E;
$art-deco-9: #B08D26;
$art-deco-10: #9C7B1F;
$art-deco-11: #886A19;
$art-deco-12: #745913;
$art-deco-13: #1E6E54;
$art-deco-14: #1A6049;
$art-deco-15: #16523F;
$art-deco-16: #124434;
$art-deco-17: #0E362A;
$art-deco-18: #0A2820;
$art-deco-19: #1A3A4A;
$art-deco-20: #163240;
$art-deco-21: #122A36;
$art-deco-22: #0E222C;
$art-deco-23: #0A1A22;
$art-deco-24: #071218;
$art-deco-25: #2A2724;
$art-deco-26: #221F1D;
$art-deco-27: #1A1816;
$art-deco-28: #131110;
$art-deco-29: #0C0B0A;
$art-deco-30: #060605;Tailwind
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'art-deco': {
'1': '#F0E6CC',
'2': '#E6D7B0',
'3': '#D9C593',
'4': '#C9B074',
'5': '#B89A59',
'6': '#A48342',
'7': '#D4AF37',
'8': '#C29E2E',
'9': '#B08D26',
'10': '#9C7B1F',
'11': '#886A19',
'12': '#745913',
'13': '#1E6E54',
'14': '#1A6049',
'15': '#16523F',
'16': '#124434',
'17': '#0E362A',
'18': '#0A2820',
'19': '#1A3A4A',
'20': '#163240',
'21': '#122A36',
'22': '#0E222C',
'23': '#0A1A22',
'24': '#071218',
'25': '#2A2724',
'26': '#221F1D',
'27': '#1A1816',
'28': '#131110',
'29': '#0C0B0A',
'30': '#060605',
},
},
},
},
};JSON
{
"name": "Gatsby Gold",
"colors": [
"#F0E6CC",
"#E6D7B0",
"#D9C593",
"#C9B074",
"#B89A59",
"#A48342",
"#D4AF37",
"#C29E2E",
"#B08D26",
"#9C7B1F",
"#886A19",
"#745913",
"#1E6E54",
"#1A6049",
"#16523F",
"#124434",
"#0E362A",
"#0A2820",
"#1A3A4A",
"#163240",
"#122A36",
"#0E222C",
"#0A1A22",
"#071218",
"#2A2724",
"#221F1D",
"#1A1816",
"#131110",
"#0C0B0A",
"#060605"
]
}Hex list
#F0E6CC
#E6D7B0
#D9C593
#C9B074
#B89A59
#A48342
#D4AF37
#C29E2E
#B08D26
#9C7B1F
#886A19
#745913
#1E6E54
#1A6049
#16523F
#124434
#0E362A
#0A2820
#1A3A4A
#163240
#122A36
#0E222C
#0A1A22
#071218
#2A2724
#221F1D
#1A1816
#131110
#0C0B0A
#060605