Palette

Art Nouveau Gilt

Luxuriant and flowing, inspired by the intricate, gilded details and organic forms of the Art Nouveau era.

elegantelegant5 colors

More elegant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Art Nouveau Gilt 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 Nouveau Gilt.

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

Data visualization

#4B0082#8B008B#BDB76B#DAA520#2F4F4F

Palette guide

How to use Art Nouveau Gilt

Overview

The "Art Nouveau Gilt" palette is luxuriant and flowing, inspired by the intricate, gilded details and organic forms of the Art Nouveau era. This collection is ideal for designers and developers seeking to create designs that convey artistic elegance, opulence, and a sense of historical richness. The deep indigos and purples, #4B0082 and #8B008B, provide a dramatic, jewel-toned base, while the muted gold #BDB76B and vibrant gold #DAA520 inject radiant luxury. The deep teal #2F4F4F adds unexpected depth and sophistication. This palette is perfect for high-end artistic branding, elegant digital interfaces, or print materials that demand a distinctive, lavish, and visually captivating appearance.

Best used for

Luxury fashion or textile design
High-end art prints and posters
Exclusive event invitations
Jewelry and accessory e-commerce
Sophisticated interior design concepts
Historical drama film aesthetics

Suggested color roles

primary

Use #4B0082, a deep, regal indigo, as a commanding base for main content areas or navigation, conveying luxury and mystery.

secondary

Apply #8B008B, a rich, deep magenta-purple, for secondary headings, background patterns, or informational blocks, adding vibrancy.

accent

Employ #DAA520, a vibrant, bright gold, for key calls-to-action, important icons, or decorative flourishes that demand immediate attention and lavishness.

background

Select #2F4F4F, a deep, sophisticated dark teal, as an incredibly luxurious and immersive backdrop, making the golds and purples truly gleam.

text

For text on dark backgrounds like #2F4F4F or #4B0082, use #BDB76B for body text and #DAA520 for headlines, ensuring excellent readability and opulence.

Accessibility notes

Ensure #BDB76B text on #4B0082 background meets WCAG AA contrast for body text.
Avoid using #DAA520 text on #BDB76B, as the contrast will likely be too low.
The vibrant gold #DAA520 will require very dark text (e.g., black or #2F4F4F) when used as a background.
For critical UI elements, ensure good contrast by pairing #DAA520 with #4B0082.

Recommended combinations

Jewel-Toned Opulence

Perfect for a dramatic website hero section, with gold as the main headline and deep indigo for supporting text.

#2F4F4F · #DAA520 · #4B0082

Gilded Harmony

Creates elegant content cards or product showcases, using the brighter gold for key details against a deep purple.

#8B008B · #BDB76B · #DAA520

Artistic Contrast

Ideal for a sleek navigation bar, with the muted gold as the base, dark teal for active states, and purple for icons.

#BDB76B · #2F4F4F · #8B008B

CSS variables

:root {
  --art-nouveau-gilt-1: #4B0082;
  --art-nouveau-gilt-2: #8B008B;
  --art-nouveau-gilt-3: #BDB76B;
  --art-nouveau-gilt-4: #DAA520;
  --art-nouveau-gilt-5: #2F4F4F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "art-nouveau-gilt": {
        1: "#4B0082",
        2: "#8B008B",
        3: "#BDB76B",
        4: "#DAA520",
        5: "#2F4F4F",
      }
    }
  }
}

Hex values

Color 1#4B0082

Color 2#8B008B

Color 3#BDB76B

Color 4#DAA520

Color 5#2F4F4F

Accessibility

Contrast checker

1.5:1Fail

6.3:1AA

5.8:1AA

1.5:1Fail

4.1:1AA18

3.8:1AA18

1.1:1Fail

6.3:1AA

4.1:1AA18

1.1:1Fail

4.3:1AA18

5.8:1AA

3.8:1AA18

1.1:1Fail

4:1AA18

1.5:1Fail

1.1:1Fail

4.3:1AA18

4:1AA18

Similar palettes

More like Art Nouveau Gilt

Art Nouveau Gilt

See it in context.

Ready when you are.

Built with Art Nouveau Gilt.

How to use Art Nouveau Gilt

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Jewel-Toned Opulence

Gilded Harmony

Artistic Contrast

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Art Nouveau Gilt