Art Deco Color Palette

Updated April 17, 2026

A glamorous Art Deco color palette — gold, jet black, emerald, and ivory. Hex codes for luxury, 1920s, and Great Gatsby-inspired designs.

The Art Deco Palette

• Ivory #F5E9CF rgb(245, 233, 207) hsl(41, 66%, 89%)
• Gatsby Gold #D4A54A rgb(212, 165, 74) hsl(40, 62%, 56%)
• Champagne Gold #C9A227 rgb(201, 162, 39) hsl(46, 68%, 47%)
• Emerald #046307 rgb(4, 99, 7) hsl(122, 92%, 20%)
• Oxblood #4A0E1F rgb(74, 14, 31) hsl(343, 68%, 17%)
• Jet Black #1C1C1C rgb(28, 28, 28) hsl(0, 0%, 11%)

Hex Codes at a Glance

#F5E9CF, #D4A54A, #C9A227, #046307, #4A0E1F, #1C1C1C

How to Use This Palette

• In CSS: Paste each hex into your :root custom properties or directly into background-color / color declarations.
• In Figma or Sketch: Copy the hex into any fill or stroke color field. Save each color to your local style library for reuse across frames.
• In Tailwind CSS: Add each hex to your tailwind.config.js file inside theme.extend.colors, then use classes like bg-palette-500.
• In Procreate or Photoshop: Create a new swatch set and paste each hex value. PhotoTones Pro exports ready-to-import .swatches and .ase files.

Build Your Own Palette

This art deco palette is one of many themed palettes in the PhotoTones gallery. To build a palette from your own photo, use the free PhotoTones color palette from image generator — it extracts up to 12 hex codes per image in under a second, entirely in your browser. No signup required.