Palette

Antique Rose Tapestry

Deep reds and muted pinks woven together, like a grand, aged floral tapestry.

warmelegant5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Antique Rose Tapestry 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 Rose Tapestry.

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

Data visualization

#8B0000#A52A2A#BC8F8F#CD5C5C#E0B0FF

Palette guide

How to use Antique Rose Tapestry

Overview

The Antique Rose Tapestry palette weaves together deep reds and muted pinks, like a grand, aged floral tapestry. This warm collection spans from the rich, commanding #8B0000 to the soft, ethereal #E0B0FF, perfect for designs seeking an elegant, vintage, and subtly romantic aesthetic. Intermediate shades like #A52A2A and #BC8F8F 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
Vintage fashion and beauty marketing
Editorial design for art and culture magazines
Interior design for classic, opulent rooms
Historical themed websites and apps

Suggested color roles

primary

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

secondary

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

accent

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

background

The lightest tone, #E0B0FF, can serve as a unique, soft background, offering an elegant, almost lavender-pink base that allows other colors to shine.

text

For optimal legibility, use #8B0000 or a deep charcoal against lighter backgrounds like #E0B0FF or #BC8F8F. For secondary text, #A52A2A can be effective on lighter backgrounds.

Accessibility notes

Ensure #8B0000 text on #E0B0FF background meets WCAG AA contrast standards.
Avoid pairing #BC8F8F or #CD5C5C for small text on #E0B0FF, 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

Tapestry Base

Creates an elegant base for content with a soft, unique background and rich, deep accents.

#E0B0FF · #8B0000 · #A52A2A

Rose Weave

Ideal for layered UI components or subtle branding, creating depth with closely related muted reds and pinks.

#BC8F8F · #CD5C5C · #A52A2A

Faded Bloom

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

#CD5C5C · #E0B0FF · #BC8F8F

CSS variables

:root {
  --antique-rose-tapestry-1: #8B0000;
  --antique-rose-tapestry-2: #A52A2A;
  --antique-rose-tapestry-3: #BC8F8F;
  --antique-rose-tapestry-4: #CD5C5C;
  --antique-rose-tapestry-5: #E0B0FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "antique-rose-tapestry": {
        1: "#8B0000",
        2: "#A52A2A",
        3: "#BC8F8F",
        4: "#CD5C5C",
        5: "#E0B0FF",
      }
    }
  }
}

Hex values

Color 1#8B0000

Color 2#A52A2A

Color 3#BC8F8F

Color 4#CD5C5C

Color 5#E0B0FF

Accessibility

Contrast checker

1.4:1Fail

3.6:1AA18

2.5:1Fail

5.6:1AA

1.4:1Fail

2.5:1Fail

1.8:1Fail

4:1AA18

3.6:1AA18

2.5:1Fail

1.4:1Fail

1.6:1Fail

2.5:1Fail

1.8:1Fail

1.4:1Fail

2.2:1Fail

5.6:1AA

4:1AA18

1.6:1Fail

2.2:1Fail

Similar palettes

More like Antique Rose Tapestry

Antique Rose Tapestry

See it in context.

Ready when you are.

Built with Antique Rose Tapestry.

How to use Antique Rose Tapestry

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Tapestry Base

Rose Weave

Faded Bloom

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Antique Rose Tapestry