Palette

Antique Silk Drape

Subtle, delicate hues, like the soft sheen of ancient silk draperies in a grand old house.

NeutralElegant5 colors

More Neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Antique Silk Drape 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 Antique Silk Drape.

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

Data visualization

#8B7A75#A89B96#C5BAB6#E2DDD8#FFFBF9

Palette guide

How to use Antique Silk Drape

Overview

The Antique Silk Drape palette features subtle, delicate hues, like the soft sheen of ancient silk draperies in a grand old house. This elegant collection spans from the deep, grounding #8B7A75 to the ethereal, almost white #FFFBF9, perfect for designs seeking a sophisticated, vintage, and subtly luxurious aesthetic. Intermediate shades like #A89B96 and #C5BAB6 provide gentle transitions, ideal for creating depth without overwhelming the senses. Designers can leverage these hex codes for timeless branding, feminine web interfaces, or editorial content that requires a soft, luxurious, and understated feel. Developers will find these colors excellent for crafting elegant digital experiences, from wedding platforms to beauty e-commerce sites, where a classic, gentle aesthetic is desired.

Best used for

Luxury branding and high-end product design
Romantic wedding invitations and decor
Feminine lifestyle blogs and social media
Editorial design for high-end publications
Interior design for classic, opulent rooms
Vintage-inspired app interfaces

Suggested color roles

primary

Utilize #8B7A75 as a deep, anchoring primary for headings, important buttons, or strong graphic elements, providing sophisticated contrast.

secondary

Employ #A89B96 for supporting elements, subheadings, or rich background panels, offering a deeper tone without losing the palette's softness.

accent

Apply #C5BAB6 for subtle decorative accents, interactive states, or delicate graphic details, providing a gentle highlight.

background

The lightest tone, #FFFBF9, is perfect as a clean, elegant background, ensuring excellent readability and a refined feel.

text

For optimal legibility, use #8B7A75 or a deep charcoal against the lightest backgrounds like #FFFBF9. For secondary text, #A89B96 can be effective on lighter backgrounds.

Accessibility notes

Ensure #8B7A75 text on #FFFBF9 background meets WCAG AA contrast standards.
Avoid pairing #C5BAB6 or #E2DDD8 for small text on #FFFBF9, as contrast will be too low.
Provide clear visual focus indicators for interactive elements, ensuring they stand out against similar background tones.
For critical information, consider using the darkest palette color for text on the lightest background.

Recommended combinations

Silk Base

Creates a luxurious base for content with a soft background and rich, deep accents.

#FFFBF9 · #8B7A75 · #A89B96

Faded Drape

Ideal for layered UI components or subtle branding, creating depth with closely related muted brown and beige tones.

#C5BAB6 · #E2DDD8 · #A89B96

Gentle Sheen

Excellent for backgrounds with a gentle luminosity or for decorative elements that need a soft, inviting sheen.

#E2DDD8 · #FFFBF9 · #C5BAB6

CSS variables

:root {
  --antique-silk-drape-1: #8B7A75;
  --antique-silk-drape-2: #A89B96;
  --antique-silk-drape-3: #C5BAB6;
  --antique-silk-drape-4: #E2DDD8;
  --antique-silk-drape-5: #FFFBF9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "antique-silk-drape": {
        1: "#8B7A75",
        2: "#A89B96",
        3: "#C5BAB6",
        4: "#E2DDD8",
        5: "#FFFBF9",
      }
    }
  }
}

Hex values

Color 1#8B7A75

Color 2#A89B96

Color 3#C5BAB6

Color 4#E2DDD8

Color 5#FFFBF9

Accessibility

Contrast checker

1.5:1Fail

2.2:1Fail

3:1AA18

4:1AA18

1.5:1Fail

1.4:1Fail

2:1Fail

2.6:1Fail

2.2:1Fail

1.4:1Fail

1.8:1Fail

3:1AA18

2:1Fail

1.4:1Fail

1.3:1Fail

4:1AA18

2.6:1Fail

1.8:1Fail

1.3:1Fail

Similar palettes

More like Antique Silk Drape

Antique Silk Drape

See it in context.

Ready when you are.

Built with Antique Silk Drape.

How to use Antique Silk Drape

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Silk Base

Faded Drape

Gentle Sheen

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Antique Silk Drape