Art Deco color palettes are built for impact: bold contrasts, rich jewel tones, and metallic accents that instantly feel premium.

Below are 20+ Art Deco color combinations with HEX codes, plus practical tips for using gold/bronze highlights, readable type, and geometric layout rhythm.

In this article
  1. Why Art Deco Color Combinations Work So Well
    1. gilded emerald
    2. champagne noir
    3. peacock lounge
    4. ivory brassline
    5. ruby velvet night
    6. sapphire skyline
    7. mint marquetry
    8. copper orchid
    9. graphite pearl
    10. sunlit terracotta
    11. moonlit jade
    12. blush gold veil
    13. citrus brass pop
    14. seafoam marble
    15. bronze midnight
    16. ink & vanilla
    17. teal quartz
    18. bourbon gold
    19. silver cinema
    20. palm court
    21. amethyst spotlight
  2. What Colors Go Well with Art Deco?
  3. How to Use Art Deco Color Combinations in Real Designs
  4. Create Art Deco Palette Visuals with AI

Why Art Deco Color Combinations Work So Well

Art Deco palettes are designed around high contrast and clear hierarchy, which makes them naturally strong for signage, posters, packaging, and UI. Deep anchors (near-black, navy, forest green) help typography and geometric motifs feel crisp and intentional.

What makes Art Deco colors feel “luxury” is the controlled use of metallics—gold, bronze, champagne—applied like highlights rather than full fills. A small percentage of metallic tone can make a layout feel premium without overwhelming readability.

Finally, Art Deco color combinations often mix warm neutrals (ivory, cream, parchment) with jewel tones, creating a timeless balance that works for both vintage-inspired and modern minimalist designs.

20+ Art Deco Color Palette Ideas (with HEX Codes)

1) Gilded Emerald

gilded emerald art deco color palette with hex codes

HEX: #0B3D2E #1F6F5B #D4AF37 #111217 #F3E9D2

Mood: opulent, confident, evening-glam

Best for: luxury hotel branding and lobby accents

Opulent and confident, this Art Deco palette evokes emerald velvet, brass rails, and low-lit marble floors. Use the deep green and near-black as anchors, then let gold do the highlighting work for logos, borders, and line art. Pair with cream for breathing room so typography stays crisp. Usage tip: keep gold to small percentages and reserve it for focal details like monograms or divider rules.

Image example of gilded emerald generated using media.io

luxury hotel brand set
Prompt: realistic studio shot of a luxury hotel brand set on clean background, featuring a monogram logo card, brass key tag, and minimal signage, dominant tones emerald green #0B3D2E and gold #D4AF37 with accents charcoal #111217 and cream #F3E9D2, soft controlled lighting, premium materials --ar 16:9
Media.io
Media.io is an online AI studio for creating and editing video, image, and audio in your browser.
media.io media.io

2) Champagne Noir

champagne noir art deco color palette with hex codes

HEX: #0F0F12 #2B2B31 #C9B07E #F2E7D5 #8A7A6A

Mood: sleek, upscale, minimal glamour

Best for: fine jewelry e-commerce UI

Sleek and upscale, the Art Deco color scheme feels like satin black with champagne highlights and soft candlelight. Build your UI with near-black for depth, then use champagne for icons, strokes, and key CTAs. Warm ivory keeps product imagery from feeling cold, while taupe supports secondary text. Usage tip: increase line spacing and use thin geometric dividers to amplify the polished look.

Image example of champagne noir generated using media.io

jewelry ui mockup
Prompt: 2D UI mockup of a fine jewelry e-commerce website on a plain background, dominant tones near-black #0F0F12 and ivory #F2E7D5, champagne #C9B07E for buttons and icons, clean grid layout, elegant typography, no device frame --ar 16:9

3) Peacock Lounge

peacock lounge art deco color palette with hex codes

HEX: #0B2A3C #0E7C86 #E3B23C #E9E0D1 #4B2E2B

Mood: dramatic, lively, jazz-bar chic

Best for: cocktail bar poster and menu

Dramatic and lively, it brings to mind peacock feathers, brass lamps, and a smoky jazz lounge. This Art Deco color palette works best when teal and deep navy hold the background while gold leads the hierarchy for headings and prices. Add a touch of cocoa brown to warm up illustrations and keep the vibe approachable. Usage tip: use gold only for the top tier of information so the layout stays readable from a distance.

Image example of peacock lounge generated using media.io

cocktail bar poster
Prompt: graphic design cocktail bar poster on a plain light background, bold geometric art deco shapes, dominant tones navy #0B2A3C and teal #0E7C86 with gold #E3B23C accents, minimal cream #E9E0D1, crisp typography, no hands, no real scene --ar 3:4

4) Ivory Brassline

ivory brassline art deco color palette with hex codes

HEX: #F7F0E6 #D8C3A5 #B08D57 #2A2A2E #6B5E55

Mood: warm, refined, architectural

Best for: editorial magazine layout

Warm and refined, it suggests limestone facades with thin brass inlays. Ivory and sand tones make generous whitespace for long-form reading, while graphite keeps headlines sharp. Brass and taupe add structure through rules, frames, and section markers. Usage tip: set grids with thin lines and avoid heavy fills to keep the layout airy.

Image example of ivory brassline generated using media.io

editorial layout spread
Prompt: editorial magazine layout design on plain background, clean art deco grid with thin lines, dominant tones ivory #F7F0E6 and graphite #2A2A2E, brass #B08D57 as rule accents, elegant serif headlines, no photos beyond simple placeholders --ar 4:3

5) Ruby Velvet Night

ruby velvet night art deco color palette with hex codes

HEX: #2B0A12 #7A1E2D #C9A227 #121318 #F2D6C2

Mood: romantic, bold, theatrical

Best for: luxury perfume packaging

Romantic and theatrical, it feels like ruby velvet draped against a dark stage with gold spotlights. An Art Deco color combination like this shines when burgundy leads the pack and gold is reserved for caps, labels, or a single emblem. Blush adds a soft counterpoint for background panels and small copy blocks. Usage tip: use matte burgundy with glossy gold foil to create a premium tactile contrast.

Image example of ruby velvet night generated using media.io

perfume box studio shot
Prompt: realistic studio shot of luxury perfume packaging on a clean background, dominant tones burgundy #7A1E2D and near-black #121318, gold #C9A227 as foil label accents, blush #F2D6C2 for subtle backdrop, premium lighting, sharp focus --ar 3:2

6) Sapphire Skyline

sapphire skyline art deco color palette with hex codes

HEX: #0A1B3D #1C3F8A #C7A34B #E8E2D6 #23242B

Mood: bold, metropolitan, crisp

Best for: conference event badge and signage

Bold and metropolitan, it evokes midnight skyscrapers with warm window glow. Use navy as the base for signage and badges, then pull in sapphire for sections and wayfinding blocks. Gold reads as an upscale highlight for VIP tiers or important labels, while soft ivory keeps small text legible. Usage tip: reserve sapphire for one major shape per layout to avoid visual noise.

Image example of sapphire skyline generated using media.io

conference badge signage
Prompt: graphic design of a conference event badge and directional signage on a plain background, geometric art deco motifs, dominant tones navy #0A1B3D and sapphire #1C3F8A, gold #C7A34B accents, ivory #E8E2D6 for text panels, no mock hands --ar 4:3

7) Mint Marquetry

mint marquetry art deco color palette with hex codes

HEX: #0E3B3A #7FB7A5 #E6D1A6 #2A2B2F #F6F1E7

Mood: fresh, refined, boutique

Best for: spa website landing page UI

Fresh and refined, it brings up carved wood patterns, mint tea, and quiet boutique spas. This Art Deco color scheme feels modern when you keep the background creamy and let mint carry the calm, with deep teal adding structure to nav and footers. Use champagne beige for gentle highlights instead of harsh white. Usage tip: apply the darkest tone only to text and key UI boundaries for a soft, restful page.

Image example of mint marquetry generated using media.io

spa landing ui
Prompt: 2D UI mockup of a spa website landing page on a plain background, dominant tones cream #F6F1E7 and mint #7FB7A5, deep teal #0E3B3A for header and text, champagne #E6D1A6 for buttons, clean geometric accents, no device frame --ar 16:9

8) Copper Orchid

copper orchid art deco color palette with hex codes

HEX: #3A1F2B #8D3B5A #C47A4A #F1D6C9 #1A1B20

Mood: sensual, artistic, moody

Best for: beauty product ad poster

Sensual and artistic, these Art Deco color combinations feel like orchid petals against burnished copper under night lighting. Use plum and near-black for dramatic blocks, then let copper handle headlines, trim, and geometric flourishes. Blush keeps skin-tone photography looking flattering and cohesive. Usage tip: choose one strong diagonal or fan motif and repeat it subtly to unify the poster.

Image example of copper orchid generated using media.io

beauty ad poster
Prompt: graphic design beauty product ad poster on a plain background, art deco geometric framing, dominant tones plum #8D3B5A and copper #C47A4A, near-black #1A1B20 for text, blush #F1D6C9 as soft field, no real photo scene --ar 3:4

9) Graphite Pearl

graphite pearl art deco color palette with hex codes

HEX: #15161B #3C3F4A #BFC3C8 #F5F3EE #9B7D4F

Mood: clean, modern, quietly luxe

Best for: architect portfolio website UI

Clean and quietly luxe, these Art Deco colors suggest pearl plaster, pencil graphite, and brushed metal. Let off-white dominate the canvas, then use graphite for navigation and captions to keep projects front and center. A muted bronze works beautifully for hover states and small separators without shouting. Usage tip: keep imagery full-bleed and use thin bronze lines to frame key sections.

Image example of graphite pearl generated using media.io

architect portfolio ui
Prompt: 2D UI mockup of an architect portfolio website on a plain background, dominant tones off-white #F5F3EE and graphite #15161B, cool gray #3C3F4A for secondary text, muted bronze #9B7D4F for hover accents, clean grid, no device frame --ar 21:9

10) Sunlit Terracotta

sunlit terracotta art deco color palette with hex codes

HEX: #5A2A1F #C56A3A #E7C48A #1F1F24 #F6EFE4

Mood: warm, nostalgic, sun-drenched

Best for: restaurant menu flyer

Warm and nostalgic, these Art Deco tones read like sunlit terracotta tiles with a hint of gold dust. Use terracotta as your hero color for headers and feature dishes, supported by deep espresso for body text. Pale cream keeps the page breathable, while sand-gold adds premium cues for specials. Usage tip: emphasize pricing with sand-gold and keep the rest of the typography in espresso for clarity.

Image example of sunlit terracotta generated using media.io

restaurant menu flyer
Prompt: graphic design restaurant menu flyer on a plain background, art deco borders and geometric dividers, dominant tones terracotta #C56A3A and cream #F6EFE4, espresso #1F1F24 for text, sand gold #E7C48A for highlights, no hands, no table --ar 4:3

11) Moonlit Jade

moonlit jade art deco color palette with hex codes

HEX: #072C2A #1D8A7A #A7D6C8 #D8B56A #0F1116

Mood: cool, mysterious, sophisticated

Best for: nightclub ticket design

Cool and mysterious, it feels like jade glass under moonlight with a faint gold gleam. This art deco color palette is ideal for tickets when you print the dark tones as the base and let jade shapes carve out the geometry. Pale seafoam can handle small details like seat info, while muted gold marks VIP sections. Usage tip: add a subtle repeating pattern in the darkest teal for depth without clutter.

Image example of moonlit jade generated using media.io

nightclub ticket design
Prompt: graphic design nightclub ticket on a plain background, intricate art deco geometry, dominant tones dark teal #072C2A and jade #1D8A7A, muted gold #D8B56A for VIP stamp detail, seafoam #A7D6C8 for small text blocks, no real scene --ar 3:2

12) Blush Gold Veil

blush gold veil art deco color palette with hex codes

HEX: #F3D4CF #E9B4A8 #C9A24A #3A2E2C #FFF6ED

Mood: soft, romantic, celebratory

Best for: wedding invitation suite

Soft and celebratory, these Art Deco colors evoke blush silk, warm candlelight, and fine gold filigree. Keep the background creamy and let blush carry the romance, while cocoa grounds the typography for readability. Gold works best as a thin frame, monogram, or small icon set rather than big fills. Usage tip: print gold as foil on uncoated paper to keep the suite elegant and modern.

Image example of blush gold veil generated using media.io

wedding invitation suite
Prompt: wedding invitation suite graphic design on a plain background, art deco border lines and fan motifs, dominant tones cream #FFF6ED and blush #F3D4CF, cocoa #3A2E2C typography, gold #C9A24A as thin frame accents, no hands, no table --ar 3:4

13) Citrus Brass Pop

citrus brass pop art deco color palette with hex codes

HEX: #1B1C20 #F0C23E #D88F2A #F7F1E3 #3E4A3C

Mood: playful, bold, retro-modern

Best for: packaging label for artisan soda

Playful and bold, these Art Deco color combinations feel like a neon marquee softened into warm citrus and brass. Use deep charcoal for the label base, then stack yellow and amber for flavor cues and big type. Cream keeps the design friendly and helps small legal text stay clear. Usage tip: limit the green to tiny stamps or ingredient icons so the citrus stays dominant.

Image example of citrus brass pop generated using media.io

artisan soda label
Prompt: realistic studio shot of an artisan soda bottle with a bold label on a clean background, art deco geometric label design, dominant tones charcoal #1B1C20 and citrus yellow #F0C23E with amber #D88F2A, cream #F7F1E3 for text panels, minimal green #3E4A3C accents --ar 3:2

14) Seafoam Marble

seafoam marble art deco color palette with hex codes

HEX: #0F2E3B #2F6D7A #B9D6D2 #D9B77E #F4EFE6

Mood: calm, coastal-luxe, airy

Best for: boutique resort brochure cover

Calm and airy, it suggests seafoam marble, teal water, and sun-warmed stone. Use the light neutrals for open space and let teal shapes create a clean geometric frame. A sandy gold accent works beautifully for headings and small icons. Usage tip: keep photos desaturated so the brochure cover stays cohesive with the palette tones.

Image example of seafoam marble generated using media.io

resort brochure cover
Prompt: graphic design brochure cover for a boutique resort on a plain background, art deco framing and geometric blocks, dominant tones teal #2F6D7A and cream #F4EFE6, seafoam #B9D6D2 supporting shapes, sandy gold #D9B77E for headline accents, no real scene --ar 2:3

15) Bronze Midnight

bronze midnight art deco color palette with hex codes

HEX: #0B0C10 #1F2430 #B07A3A #E6D3B1 #5A616E

Mood: dramatic, masculine, cinematic

Best for: watch product ad

Dramatic and cinematic, this Art Deco palette recalls a midnight city with bronze reflections off steel. Deep blacks and blue-grays create a premium base, while bronze can spotlight the product name and key features. Warm beige works well as a soft halo behind the watch to add separation. Usage tip: use a single bronze highlight line to guide the eye across the composition.

Image example of bronze midnight generated using media.io

watch ad studio
Prompt: realistic studio shot of a luxury wristwatch product ad on a clean background, dominant tones near-black #0B0C10 and blue-gray #1F2430, bronze #B07A3A for headline and accent line, warm beige #E6D3B1 subtle glow, high contrast lighting --ar 16:9

16) Ink & Vanilla

ink & vanilla art deco color palette with hex codes

HEX: #121316 #2D2F36 #F8EEDB #C6A06A #7A6E63

Mood: classic, restrained, timeless

Best for: book cover design

Classic and restrained, it evokes inked typography on vanilla paper with a touch of antique gold. Use vanilla as the main field, then lean on charcoal for high-contrast titles and author lines. Gold and warm gray can shape borders and small ornaments without overwhelming the cover. Usage tip: keep ornaments thin and symmetrical to preserve the timeless feel.

Image example of ink & vanilla generated using media.io

art deco book cover
Prompt: book cover graphic design on a plain background, art deco border ornaments and centered typography, dominant tones vanilla #F8EEDB and charcoal #121316, muted gold #C6A06A for thin lines, warm gray #7A6E63 for secondary text, no real scene --ar 2:3

17) Teal Quartz

teal quartz art deco color palette with hex codes

HEX: #063B4C #0C8EA6 #7FD1C8 #E4C07A #F7F2E8

Mood: bright, polished, optimistic

Best for: finance dashboard UI

Bright and polished, it feels like teal quartz catching light with a warm metallic glint. This art deco color scheme supports data-heavy screens when the background stays pale and teal carries charts and active states. Use gold for highlights like key metrics or alerts that should feel premium, not urgent. Usage tip: pick one teal for primary actions and keep the lighter aqua for charts to avoid competing emphasis.

Image example of teal quartz generated using media.io

finance dashboard ui
Prompt: 2D UI mockup of a finance dashboard on a plain background, dominant tones pale cream #F7F2E8 and teal #0C8EA6, aqua #7FD1C8 for charts, gold #E4C07A for key metric highlights, clean art deco-inspired dividers, no device frame --ar 16:9

18) Bourbon Gold

bourbon gold art deco color palette with hex codes

HEX: #2A1A12 #6B3F2A #C89B3C #E9D9C3 #121114

Mood: rich, cozy, gentlemanly

Best for: whiskey label and box packaging

Rich and cozy, it conjures bourbon barrels, leather chairs, and warm gold trim. Use deep brown for the base label and black only for crisp micro-text or a small crest. Gold does the heavy lifting for premium cues, while light parchment keeps information panels readable. Usage tip: emboss the crest and keep gold to outlines so the label stays sophisticated.

Image example of bourbon gold generated using media.io

whiskey packaging shot
Prompt: realistic studio shot of whiskey label and box packaging on a clean background, art deco typography and border lines, dominant tones deep brown #6B3F2A and parchment #E9D9C3, gold #C89B3C as foil outlines, black #121114 for small text, premium lighting --ar 3:2

19) Silver Cinema

silver cinema art deco color palette with hex codes

HEX: #101114 #3B3E47 #9EA2AA #E7E8EA #C6A24A

Mood: glossy, nostalgic, premiere-night

Best for: film festival poster

Glossy and nostalgic, these shades feel like a premiere-night marquee with silver spotlights. Keep the poster mostly grayscale so the gold accent can point to the date, venue, or award callout. Mid-gray is perfect for background geometry that adds depth without hurting readability. Usage tip: use a single gold badge element and repeat it as small bullets for consistency.

Image example of silver cinema generated using media.io

film festival poster
Prompt: graphic design film festival poster on a plain background, art deco geometry and centered title, dominant tones silver-gray #9EA2AA and light gray #E7E8EA, near-black #101114 typography, gold #C6A24A accent badge, no real photo scene --ar 3:4

20) Palm Court

palm court art deco color palette with hex codes

HEX: #0F3A2D #2E7D5B #D9B45A #F5E9D7 #4A3A2A

Mood: tropical-luxe, relaxed, sunny

Best for: resort menu and table tent

Tropical-luxe and relaxed, it evokes palm shadows, rattan, and a soft golden hour glow. Use cream as the main background, then bring in greens for section headers and decorative geometry. Gold works well for small icons or borders, while brown supports body text with warmth. Usage tip: keep green blocks large and simple so the overall look stays breezy rather than busy.

Image example of palm court generated using media.io

resort menu table tent
Prompt: graphic design resort menu and table tent on a plain background, art deco border motifs with tropical influence, dominant tones cream #F5E9D7 and green #2E7D5B, dark green #0F3A2D for headings, gold #D9B45A accents, warm brown #4A3A2A body text --ar 4:3

21) Amethyst Spotlight

amethyst spotlight art deco color palette with hex codes

HEX: #1A1024 #5D2D86 #D6B04C #F2E8DB #2E2A33

Mood: artful, bold, nightlife

Best for: theater show flyer

Artful and bold, it suggests a purple spotlight cutting through a dark auditorium. Art deco color combinations like this work best with amethyst as the hero and gold as the accent for cast names or show dates. Use warm cream for negative space so the flyer does not feel too heavy. Usage tip: place gold only on the highest-contrast areas to keep it luminous, not muddy.

Image example of amethyst spotlight generated using media.io

theater show flyer
Prompt: graphic design theater show flyer on a plain background, art deco typography and geometric spotlight shapes, dominant tones amethyst #5D2D86 and dark plum #1A1024, gold #D6B04C for key details, cream #F2E8DB panels for readability, no hands, no real scene --ar 3:4

What Colors Go Well with Art Deco?

Art Deco colors pair best when you combine a dark anchor (black, navy, deep teal, espresso) with a jewel tone (emerald, sapphire, amethyst, ruby). That contrast creates the crisp, architectural look associated with 1920s–1930s design.

Warm neutrals—ivory, cream, parchment, blush—help balance heavy dark areas and keep small text readable. They also give metallic accents room to shine without turning the layout into a full “gold fill.”

For metallic vibes, use gold, bronze, or champagne as thin lines, icons, or badges. Small, repeated accents feel more authentic to Art Deco than large blocks of metallic color.

How to Use Art Deco Color Combinations in Real Designs

Start with a two-step hierarchy: set your background and structure using one dark + one light neutral, then choose one “hero” jewel tone for major shapes or headers. This keeps the geometry clean and prevents visual noise.

Treat metallics like highlights: borders, divider rules, monograms, button strokes, and small UI states. In print, consider foil or spot ink for gold; on screens, keep metallic colors slightly muted so they don’t read as “warning.”

Finally, prioritize readability with high-contrast text, generous spacing, and consistent line weights. Art Deco thrives on symmetry and repetition—use a few motifs and repeat them rather than mixing many styles.

Create Art Deco Palette Visuals with AI

If you want to preview how an Art Deco color scheme looks on posters, packaging, menus, or UI, generating quick mock visuals helps you validate contrast and hierarchy before you design.

With Media.io’s text-to-image tool, you can describe the scene (menu, label, invitation, dashboard), specify your HEX colors, and get consistent Art Deco-inspired visuals in seconds.

Art Deco Color Palette FAQs

  • What defines an Art Deco color palette?
    An Art Deco color palette typically uses high contrast (dark anchors + light neutrals), bold jewel tones (emerald, sapphire, ruby, amethyst), and metallic accents like gold or bronze applied in small, graphic details.
  • What are the most popular Art Deco colors?
    Common Art Deco colors include black, ivory/cream, emerald green, deep teal, navy, burgundy, sapphire blue, and gold/champagne accents.
  • How do I use gold without making the design look tacky?
    Keep gold to a small percentage (often under 10–15%), use it for thin borders, icons, badges, and key highlights, and pair it with a deep anchor like near-black or navy so it reads refined.
  • Which Art Deco color combinations work best for branding?
    For luxury branding, try dark + gold pairings like Gilded Emerald, Champagne Noir, or Bronze Midnight. For softer brands, Blush Gold Veil or Seafoam Marble gives an elegant Art Deco feel with more air and warmth.
  • What font styles match Art Deco color schemes?
    Geometric sans-serifs, high-contrast display serifs, and condensed headline fonts work well. Pair a bold, stylized headline font with a simpler body font to preserve readability.
  • How can I make an Art Deco palette readable for UI?
    Use an off-white or cream background, reserve dark tones for text/navigation, and keep jewel tones for primary actions or charts. Metallic accents should be subtle (hover states, separators) rather than large fills.
  • Can I generate Art Deco mockups with specific HEX codes?
    Yes. In Media.io text-to-image, include your HEX codes in the prompt (e.g., “emerald #0B3D2E, gold #D4AF37”) and describe the layout style (Art Deco geometry, thin dividers, symmetrical framing) for consistent results.

Next: Lighthouse Color Palette

Julian Moore
Julian Moore Mar 11, 26
Share article:

media.io

AI Video Generator star

Easily generate videos from text or images

Generate