Back to palettes

Palette

Art Deco Emerald

Glamorous and sophisticated, with deep greens and metallic accents evoking 1920s luxury.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Art Deco Emerald reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Art Deco Emerald.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#006400#FFD700#000000#F5F5DC#36454F

Palette guide

How to use Art Deco Emerald

Overview

The Art Deco Emerald palette is glamorous and sophisticated, featuring deep greens and metallic accents that evoke 1920s luxury. Key colors include the rich dark green #006400, the opulent pure gold #FFD700, and the dramatic true black #000000, complemented by a soft cream #F5F5DC. This collection is perfect for projects demanding a lavish and high-end aesthetic. Developers can create striking interfaces with clear visual hierarchy, utilizing these strong contrasts. Designers will find these hues ideal for luxury jewelry brands, exclusive event decor, or high-fashion publications, ensuring a polished and timeless appeal that speaks of grandeur and opulence.

Best used for

  • Luxury jewelry branding
  • High-end event decor
  • Fashion magazine layouts
  • Exclusive club branding
  • Sophisticated gaming interfaces
  • Vintage-themed marketing

Suggested color roles

primary

Establish #000000 as the foundational color for strong statements, main text, or dramatic backgrounds, providing a bold, elegant anchor.

secondary

Utilize #006400 for rich supporting sections, sub-headings, or elegant backgrounds, offering a deep and luxurious green.

accent

Incorporate #FFD700 for opulent highlights, calls-to-action, or premium branding elements, adding a vibrant and luxurious touch.

background

Apply #F5F5DC as the primary background color, providing a warm, inviting, and clean canvas that enhances readability.

text

For primary text on light backgrounds, #000000 offers excellent contrast. For text on darker backgrounds like #006400 or #36454F, use #F5F5DC or white.

Accessibility notes

  • The contrast between #000000 and #F5F5DC is excellent, ensuring high readability for all text sizes.
  • When using #FFD700 (gold) for text, ensure it is on a sufficiently dark background (e.g., #000000 or #006400) to meet WCAG AA contrast standards.
  • Avoid using #36454F for small text on #006400, as the contrast might be insufficient for some users.
  • Ensure interactive elements (buttons, links) have clear visual states using contrasting colors from the palette, such as #FFD700 on #000000.

Recommended combinations

Emerald Night

A warm cream background with stark black text and a brilliant gold accent for luxurious and highly readable content.

#F5F5DC · #000000 · #FFD700

Gilded Green

Deep green as a rich background, with opulent gold accents and light cream support for elegant visual sections.

#006400 · #FFD700 · #F5F5DC

Dark Luxe

Black as a primary, brilliant gold for striking highlights, and dark charcoal for subtle metallic details or secondary text.

#000000 · #FFD700 · #36454F

CSS variables

:root {
  --art-deco-emerald-1: #006400;
  --art-deco-emerald-2: #FFD700;
  --art-deco-emerald-3: #000000;
  --art-deco-emerald-4: #F5F5DC;
  --art-deco-emerald-5: #36454F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "art-deco-emerald": {
        1: "#006400",
        2: "#FFD700",
        3: "#000000",
        4: "#F5F5DC",
        5: "#36454F",
      }
    }
  }
}

Related searches

art deco emerald goldluxury 1920s colorselegant black greenjewel tone art decosophisticated gold palette

Palette colors

Hex values

Color 1#006400
·
Color 2#FFD700
·
Color 3#000000
·
Color 4#F5F5DC
·
Color 5#36454F
·

Accessibility

Contrast checker

1
2
3
4
5
1
5.3:1AA
2.8:1Fail
6.7:1AA
1.3:1Fail
2
5.3:1AA
15:1AAA
1.3:1Fail
7.1:1AAA
3
2.8:1Fail
15:1AAA
19:1AAA
2.1:1Fail
4
6.7:1AA
1.3:1Fail
19:1AAA
8.9:1AAA
5
1.3:1Fail
7.1:1AAA
2.1:1Fail
8.9:1AAA

Similar palettes

More like Art Deco Emerald

View all dark
Emerald Velvet Glow
Art Deco Midnight
Baroque Gemstone Vault
Byzantine Jewel
Crimson Spark
Emerald Vault