Art Deco — 5-color palette
#0F0F0F#1A4D5C#C9A961#F5E6D3#8B0000Hex codes
Hex
#0F0F0F
RGB
15, 15, 15
HSL
0°, 0%, 6%
Hex
#1A4D5C
RGB
26, 77, 92
HSL
194°, 56%, 23%
Hex
#C9A961
RGB
201, 169, 97
HSL
42°, 49%, 58%
Hex
#F5E6D3
RGB
245, 230, 211
HSL
34°, 63%, 89%
Hex
#8B0000
RGB
139, 0, 0
HSL
0°, 100%, 27%
How to use this palette
The first color in Art Deco is the dominant tone — use it for primary surfaces and backgrounds. The middle three are the supporting palette: one warm, one cool, one neutral. The last is the accent — reserve it for highlights, calls-to-action, and emphasis.
For web projects, copy the CSS variables below. For print or illustration, use the hex codes directly. If you’re designing for accessibility, check the contrast between the text and background colors before you ship.
CSS
:root {
--art-deco-1: #0F0F0F;
--art-deco-2: #1A4D5C;
--art-deco-3: #C9A961;
--art-deco-4: #F5E6D3;
--art-deco-5: #8B0000;
}