Palette

Antique Rose Scroll

Faded elegance inspired by old tapestries and dried roses, with a touch of aged metallic.

neutralelegant5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A0522D#C0C0C0#B8860B#D8BFD8#8B008B

Palette guide

How to use Antique Rose Scroll

Overview

The Antique Rose Scroll palette offers faded elegance inspired by old tapestries and dried roses, with a touch of aged metallic. This unique collection features hues from the deep, regal #8B008B to the earthy #A0522D, complemented by the silvery #C0C0C0 and golden #B8860B. This blend is perfect for designs seeking a sophisticated, vintage, and subtly opulent aesthetic. Designers can leverage these hex codes for timeless branding, rich editorial content, or unique web interfaces that evoke a sense of heritage and luxury. Developers will find these colors excellent for crafting elegant digital experiences, from historical narratives to upscale e-commerce sites, where a classic, refined aesthetic is desired.

Best used for

Luxury branding and high-end product design
Historical or fantasy game UI/UX
Art gallery or museum website interfaces
Vintage fashion and jewelry marketing
Elegant event invitations and decor
Interior design for classic, opulent spaces

Suggested color roles

primary

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

secondary

Employ #A0522D for supporting elements, subheadings, or rich background panels, offering an earthy warmth.

accent

Apply #B8860B for subtle decorative accents, interactive states, or delicate graphic details, providing a touch of aged gold.

background

The lightest tone, #C0C0C0 (silver), can serve as a sophisticated background, offering a cool, neutral base that allows other colors to shine.

text

For optimal legibility, use #8B008B or #A0522D against lighter backgrounds like #C0C0C0 or #D8BFD8. A classic black also works well for body text.

Accessibility notes

Ensure #8B008B text on #C0C0C0 background meets WCAG AA contrast standards.
Avoid pairing #D8BFD8 with #C0C0C0 for small text due to potentially low contrast.
Provide clear visual focus indicators for interactive elements, especially when using similar mid-tones.
For critical information, consider using the darkest palette color for text on the lightest background.

Recommended combinations

Regal Tapestry

Creates an opulent base for content with a silver background and rich, deep accents.

#C0C0C0 · #8B008B · #A0522D

Aged Metallic

Ideal for layered UI components or subtle branding, creating depth with metallic and earthy tones.

#B8860B · #D8BFD8 · #A0522D

Faded Elegance

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

#D8BFD8 · #C0C0C0 · #B8860B

CSS variables

:root {
  --antique-rose-scroll-1: #A0522D;
  --antique-rose-scroll-2: #C0C0C0;
  --antique-rose-scroll-3: #B8860B;
  --antique-rose-scroll-4: #D8BFD8;
  --antique-rose-scroll-5: #8B008B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "antique-rose-scroll": {
        1: "#A0522D",
        2: "#C0C0C0",
        3: "#B8860B",
        4: "#D8BFD8",
        5: "#8B008B",
      }
    }
  }
}

Hex values

Color 1#A0522D

Color 2#C0C0C0

Color 3#B8860B

Color 4#D8BFD8

Color 5#8B008B

Accessibility

Contrast checker

3.1:1AA18

1.7:1Fail

3.3:1AA18

1.5:1Fail

3.1:1AA18

1.8:1Fail

1.1:1Fail

4.7:1AA

1.7:1Fail

1.8:1Fail

1.9:1Fail

2.6:1Fail

3.3:1AA18

1.1:1Fail

1.9:1Fail

5:1AA

1.5:1Fail

4.7:1AA

2.6:1Fail

5:1AA

Similar palettes

More like Antique Rose Scroll

View all neutral

Antique Parchment Quill