Palette

Vintage Parchment Scroll

Rich, weathered browns and muted golds, evoking the timeless elegance of antique leather-bound books.

earthelegant5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Vintage Parchment 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 Vintage Parchment Scroll.

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

Data visualization

#8B4513#CD853F#A0522D#D2B48C#BDB76B

Palette guide

How to use Vintage Parchment Scroll

Overview

The Vintage Parchment Scroll palette presents a rich collection of weathered browns and muted golds, evoking the timeless elegance of antique leather-bound books and ancient scrolls. This warm, earthy spectrum features the deep brown of #8B4513, the rustic terracotta of #A0522D, and the brighter, metallic feel of #CD853F. The light, aged beige of #D2B48C provides a perfect base, complemented by the unique, subtle green-gold of #BDB76B. Designers can use these hues to infuse projects with a sense of history, authenticity, and enduring charm, making it ideal for storytelling and traditional aesthetics.

Best used for

Historical brand identities
Rustic interior design concepts
Themed event invitations
Packaging for artisanal food or spirits
Fantasy game interfaces
Educational materials with a classic feel

Suggested color roles

primary

A rich, warm brown that can anchor designs, ideal for prominent branding elements or large content blocks, conveying a sense of history with #A0522D.

secondary

A brighter, more vibrant brown that offers warmth and contrast, excellent for secondary headlines, navigation, or decorative elements, using #CD853F.

accent

A unique, muted olive-gold that provides an unexpected, elegant accent, perfect for highlights, icons, or subtle decorative motifs with #BDB76B.

background

A soft, aged beige that works beautifully as a primary background, reminiscent of old parchment, ensuring good readability for darker text with #D2B48C.

text

The deepest, most substantial brown, #8B4513, is highly effective for body text and headlines against lighter backgrounds, offering a classic, legible appearance.

Accessibility notes

Ensure #8B4513 text on #D2B48C backgrounds meets WCAG contrast requirements for readability.
Be cautious when pairing #CD853F or #BDB76B for text on mid-tone backgrounds, as contrast may be insufficient.
For critical calls-to-action, verify that the accent color provides enough contrast against its background.
Consider using a true black or very dark brown for essential legal text if color options don't meet strict contrast needs.

Recommended combinations

Scroll & Ink

Classic pairing for text on an aged parchment background, offering high contrast and a historical feel.

#D2B48C · #8B4513 · #CD853F

Leather & Gold

Creates a rich, layered effect for headers, decorative elements, or complex UI components.

#A0522D · #CD853F · #BDB76B

Rustic Highlight

Use the muted gold as a subtle accent against the warm brown, with the lightest as a clean base.

#D2B48C · #A0522D · #BDB76B

CSS variables

:root {
  --vintage-parchment-scroll-1: #8B4513;
  --vintage-parchment-scroll-2: #CD853F;
  --vintage-parchment-scroll-3: #A0522D;
  --vintage-parchment-scroll-4: #D2B48C;
  --vintage-parchment-scroll-5: #BDB76B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-parchment-scroll": {
        1: "#8B4513",
        2: "#CD853F",
        3: "#A0522D",
        4: "#D2B48C",
        5: "#BDB76B",
      }
    }
  }
}

Hex values

Color 1#8B4513

Color 2#CD853F

Color 3#A0522D

Color 4#D2B48C

Color 5#BDB76B

Accessibility

Contrast checker

2.4:1Fail

1.3:1Fail

3.6:1AA18

3.4:1AA18

2.4:1Fail

1.9:1Fail

1.5:1Fail

1.4:1Fail

1.3:1Fail

1.9:1Fail

2.8:1Fail

2.7:1Fail