Palette

Gilded Tea Party

Elegant, warm tones recalling ornate golden teacups and antique lace from a sophisticated tea party.

warmelegant5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Gilded Tea Party 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 Tea Party.

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

Data visualization

#F0EAD6#D8C7B0#B4A48A#8F7D61#6A5B44

Palette guide

How to use Gilded Tea Party

Overview

The 'Gilded Tea Party' palette offers a luxurious blend of warm, sophisticated tones, perfect for projects requiring an elegant, vintage touch. With its delicate cream, rich beige, and deep bronze hues, this palette evokes ornate golden teacups and antique lace. Key colors include the soft base of #F0EAD6, the inviting warmth of #B4A48A, and the grounding depth of #6A5B44. Designers and developers can leverage these shades to craft experiences that feel both timeless and refined, adding a touch of old-world charm to modern designs. It's ideal for conveying a sense of heritage and understated opulence.

Best used for

Luxury brand identity
Wedding invitations and decor
Upscale interior design concepts
Vintage-themed product packaging
Elegant fashion accessory displays
Historical fiction website design

Suggested color roles

primary

Use #8F7D61 as a sophisticated anchor for main elements or larger blocks, providing a refined, warm presence.

secondary

Apply #B4A48A for supportive sections, subheadings, or backgrounds, offering a rich yet subtle complement.

accent

Introduce #6A5B44 for deep contrast, fine details, or elegant borders, adding a touch of subtle luxury.

background

Utilize #F0EAD6 as a light, airy base for pages or canvases, reminiscent of antique cream paper.

text

Choose #6A5B44 for body text or a very dark brown/charcoal for optimal readability against lighter backgrounds like #F0EAD6.

Accessibility notes

Ensure sufficient contrast when pairing lighter colors like #F0EAD6 with darker text, ideally using #6A5B44.
Avoid using #D8C7B0 or #B4A48A for small text on light backgrounds due to potential readability issues.
Test color combinations for users with color vision deficiencies, especially between similar warm tones.
Provide clear focus indicators for interactive elements that stand out from the soft palette.

Recommended combinations

Light & Dark Contrast

Ideal for elegant body text on a light background with a subtle mid-tone for highlights.

#F0EAD6 · #D8C7B0 · #6A5B44

Muted Elegance

Perfect for creating depth and texture in visual elements or layered graphics.

#D8C7B0 · #B4A48A · #8F7D61

Earthy Gold

Great for grounding elements, frames, or sophisticated headers that demand attention.

#B4A48A · #8F7D61 · #6A5B44

CSS variables

:root {
  --gilded-tea-party-1: #F0EAD6;
  --gilded-tea-party-2: #D8C7B0;
  --gilded-tea-party-3: #B4A48A;
  --gilded-tea-party-4: #8F7D61;
  --gilded-tea-party-5: #6A5B44;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gilded-tea-party": {
        1: "#F0EAD6",
        2: "#D8C7B0",
        3: "#B4A48A",
        4: "#8F7D61",
        5: "#6A5B44",
      }
    }
  }
}

Hex values

Color 1#F0EAD6

Color 2#D8C7B0

Color 3#B4A48A

Color 4#8F7D61

Color 5#6A5B44

Accessibility

Contrast checker

1.4:1Fail

2:1Fail

3.3:1AA18

5.5:1AA

1.4:1Fail

1.5:1Fail

2.4:1Fail

4:1AA18

2:1Fail

1.5:1Fail

1.6:1Fail

2.7:1Fail