Palette

Gilded Ballroom Charm

Opulent and refined, this palette exudes the sophisticated allure of a lavish, golden-era ballroom.

warmelegant5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FDF5E6#FFFACD#FAD02C#B8860B#8B4513

Palette guide

How to use Gilded Ballroom Charm

Overview

The 'Gilded Ballroom Charm' palette evokes classic elegance and luxury, perfect for designs requiring a sophisticated touch. Featuring warm, rich tones like the deep brown of #8B4513, the antique gold of #B8860B, and the brighter gold of #FAD02C, it's balanced by lighter, creamy shades such as #FFFACD and #FDF5E6. Designers can leverage this palette to create opulent visual experiences, from high-end branding to classic web interfaces. Its balanced warmth ensures a welcoming yet distinguished feel, ideal for projects aiming for timeless appeal.

Best used for

Luxury brand websites and logos
Wedding invitations and event decor
High-end interior design mockups
Vintage-inspired digital art and illustrations
E-commerce for antique or bespoke products
Fashion and jewelry lookbooks

Suggested color roles

primary

Use #B8860B as a sophisticated primary gold for headings or key elements, signaling luxury.

secondary

Employ #8B4513 for rich accents, borders, or deeper background sections to add gravitas.

accent

Highlight with #FAD02C for interactive elements, icons, or subtle glints of light.

background

Opt for #FDF5E6 or #FFFACD as a soft, luminous background to allow other colors to shine.

text

For body text, use a dark charcoal or #8B4513 on light backgrounds for optimal readability, reserving lighter shades for headlines.

Accessibility notes

Ensure sufficient contrast between #8B4513 text and lighter backgrounds like #FDF5E6.
Avoid placing #FFFACD text directly on #FAD02C as contrast may be insufficient for readability.
Use #B8860B sparingly for small text unless on a very dark contrasting background.
Prioritize dark text (e.g., black or #8B4513) on #FDF5E6 for body copy to meet WCAG standards.

Recommended combinations

Elegant Base

Ideal for main content areas, with light backgrounds, gold highlights, and deep brown text/accents.

#FDF5E6 · #B8860B · #8B4513

Gilded Accent

Use for prominent call-to-actions or decorative elements, emphasizing brightness and warmth.

#FFFACD · #FAD02C · #B8860B

Rich Contrast

Effective for navigation or footers, providing strong contrast for readability and visual interest.

#8B4513 · #FDF5E6 · #FAD02C

CSS variables

:root {
  --gilded-ballroom-charm-1: #FDF5E6;
  --gilded-ballroom-charm-2: #FFFACD;
  --gilded-ballroom-charm-3: #FAD02C;
  --gilded-ballroom-charm-4: #B8860B;
  --gilded-ballroom-charm-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gilded-ballroom-charm": {
        1: "#FDF5E6",
        2: "#FFFACD",
        3: "#FAD02C",
        4: "#B8860B",
        5: "#8B4513",
      }
    }
  }
}

Hex values

Color 1#FDF5E6

Color 2#FFFACD

Color 3#FAD02C

Color 4#B8860B

Color 5#8B4513

Accessibility

Contrast checker

1:1Fail

1.4:1Fail

3:1AA18

6.6:1AA

1:1Fail

1.4:1Fail

3.1:1AA18

6.7:1AA

1.4:1Fail

2.2:1Fail

4.8:1AA

3:1AA18

3.1:1AA18

2.2:1Fail

6.6:1AA

6.7:1AA

4.8:1AA

2.2:1Fail

Similar palettes

More like Gilded Ballroom Charm

Gilded Ballroom Charm

See it in context.

Ready when you are.

Built with Gilded Ballroom Charm.

How to use Gilded Ballroom Charm

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Elegant Base

Gilded Accent

Rich Contrast

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Gilded Ballroom Charm