Palette

Gilded Nouveau Charm

Rich, sophisticated tones evoking the opulence of Art Nouveau designs and gilded accents.

warmelegant5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Gilded Nouveau Charm 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 Gilded Nouveau Charm.

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

Data visualization

#D4AF37#F0E68C#B5651D#8B4513#36454F

Palette guide

How to use Gilded Nouveau Charm

Overview

The Gilded Nouveau Charm palette, with its rich, sophisticated tones like #D4AF37 gold and deep #36454F charcoal blue, evokes the opulence of Art Nouveau designs and gilded accents. This collection, featuring #F0E68C, #B5651D, and #8B4513, is ideal for designers aiming for elegance, luxury, and artistic flair. Developers can leverage these hues to create visually striking interfaces for high-end fashion, art-related platforms, or luxury product showcases. The palette's balance of radiant golds and grounding browns ensures a harmonious and captivating design, perfect for projects that celebrate historical artistry and refined taste.

Best used for

Art Nouveau inspired graphic design
Luxury product branding and packaging
Historical fiction book covers
Upscale beauty or fashion websites
Museum exhibit marketing
Decorative packaging and stationery

Suggested color roles

primary

Use #36454F (Charcoal Blue) as a sophisticated, stable anchor for major sections, backgrounds, or primary text.

secondary

Apply #B5651D (Burnt Orange Brown) to add warmth and a rich, earthy feel to secondary elements or decorative patterns.

accent

Utilize #D4AF37 (Bright Gold) for intricate details, focal points, or interactive elements to create a luminous effect.

background

Employ #F0E68C (Pale Gold) as a soft, luminous canvas for design, providing a gentle glow for content.

text

For body text on #F0E68C, #36454F offers good contrast. For headings on darker backgrounds, use #D4AF37 or a bright white.

Accessibility notes

Text in #36454F on #F0E68C provides good contrast, ensuring readability for most content.
Avoid using #F0E68C for small text on light backgrounds; it's best as a background or for larger display text.
Ensure #D4AF37 has sufficient contrast when used for text against #36454F or #8B4513.
For critical information, use a darker color like #36454F on lighter backgrounds, or white text on #36454F.

Recommended combinations

Nouveau Contrast

Ideal for bold headings, elegant logos, and distinct UI elements that require strong visual impact.

#36454F · #D4AF37 · #B5651D

Golden Warmth

Creates a soft, radiant background with warm, inviting textual accents, perfect for comforting visuals.

#F0E68C · #8B4513 · #D4AF37

Earthy Opulence

Perfect for grounded, rich designs, providing depth with sparkling gold details for a luxurious touch.

#B5651D · #36454F · #D4AF37

CSS variables

:root {
  --gilded-nouveau-charm-1: #D4AF37;
  --gilded-nouveau-charm-2: #F0E68C;
  --gilded-nouveau-charm-3: #B5651D;
  --gilded-nouveau-charm-4: #8B4513;
  --gilded-nouveau-charm-5: #36454F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gilded-nouveau-charm": {
        1: "#D4AF37",
        2: "#F0E68C",
        3: "#B5651D",
        4: "#8B4513",
        5: "#36454F",
      }
    }
  }
}

Hex values

Color 1#D4AF37

Color 2#F0E68C

Color 3#B5651D

Color 4#8B4513

Color 5#36454F

Accessibility

Contrast checker

1.6:1Fail

2.1:1Fail

3.4:1AA18

4.7:1AA

1.6:1Fail

3.4:1AA18

5.5:1AA

7.7:1AAA

2.1:1Fail

3.4:1AA18

1.6:1Fail

2.3:1Fail

3.4:1AA18

5.5:1AA

1.6:1Fail

1.4:1Fail

4.7:1AA

7.7:1AAA

2.3:1Fail

1.4:1Fail

Similar palettes

More like Gilded Nouveau Charm

Gilded Nouveau Charm

See it in context.

Ready when you are.

Built with Gilded Nouveau Charm.

How to use Gilded Nouveau Charm

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Nouveau Contrast

Golden Warmth

Earthy Opulence

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Gilded Nouveau Charm