Back to palettes

Palette

Antique Parchment Scroll

Subtle, aged tones mirroring ancient scrolls and worn leather, filled with a sense of history and quiet wisdom.

neutralnatural5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D2B48C#F5DEB3#B8860B#A0522D#8B4513

Palette guide

How to use Antique Parchment Scroll

Overview

The Antique Parchment Scroll palette offers subtle, aged tones mirroring ancient scrolls and worn leather, imbued with a sense of history and quiet wisdom. This warm collection features hues from the earthy #8B4513 to the bright, inviting #F5DEB3, perfect for designs that seek a natural, vintage, and authentic feel. The inclusion of #B8860B adds a touch of aged metallic or deep gold, enhancing its historical appeal. Designers can leverage these hex codes for historical branding, educational content, or any digital or print media requiring an authentic, weathered aesthetic. Developers will find these tones ideal for crafting immersive interfaces for storytelling, cultural projects, or sophisticated editorial content.

Best used for

  • Historical document recreation
  • Branding for heritage products or artisanal goods
  • Fantasy or historical game UI/UX
  • Book covers and editorial layouts
  • Museum exhibit graphics
  • Vintage-themed event invitations

Suggested color roles

primary

Utilize #8B4513 as a strong, grounding color for headings, main navigation, or important text, providing clear contrast and historical depth.

secondary

Employ #A0522D for supporting elements, sub-sections, or as a rich background for focal points, adding depth and warmth.

accent

Introduce #B8860B for subtle decorative accents, interactive states, or highlights, offering a unique, aged metallic touch.

background

The lightest shade, #F5DEB3, provides an excellent primary background, mimicking aged parchment to create a soft, inviting, and highly readable canvas.

text

For optimal readability, use #8B4513 or a classic black against the lighter backgrounds like #F5DEB3. For a softer contrast, #A0522D can be effective for secondary text on light backgrounds.

Accessibility notes

  • Ensure #8B4513 text on #F5DEB3 background meets WCAG AA contrast guidelines.
  • Avoid pairing #D2B48C with #F5DEB3 for small text due to potential 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

Scroll Text

Creates a traditional scroll effect, ideal for readability with a light background and strong, historical text.

#F5DEB3 · #8B4513 · #D2B48C

Aged Details

Excellent for layered UI elements or subtle branding, offering depth with rich mid-tones and a grounding dark.

#A0522D · #B8860B · #8B4513

Parchment Glow

Use for background sections or decorative panels that need to feel warm and inviting, complementing textual content.

#D2B48C · #F5DEB3 · #A0522D

CSS variables

:root {
  --antique-parchment-scroll-1: #D2B48C;
  --antique-parchment-scroll-2: #F5DEB3;
  --antique-parchment-scroll-3: #B8860B;
  --antique-parchment-scroll-4: #A0522D;
  --antique-parchment-scroll-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "antique-parchment-scroll": {
        1: "#D2B48C",
        2: "#F5DEB3",
        3: "#B8860B",
        4: "#A0522D",
        5: "#8B4513",
      }
    }
  }
}

Related searches

antique parchment colorvintage scroll paletteaged brown toneshistorical earth colorsworn leather color scheme

Palette colors

Hex values

Color 1#D2B48C
·
Color 2#F5DEB3
·
Color 3#B8860B
·
Color 4#A0522D
·
Color 5#8B4513
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.7:1Fail
2.8:1Fail
3.6:1AA18
2
1.5:1Fail
2.5:1Fail
4.3:1AA18
5.4:1AA
3
1.7:1Fail
2.5:1Fail
1.7:1Fail
2.2:1Fail
4
2.8:1Fail
4.3:1AA18
1.7:1Fail
1.3:1Fail
5
3.6:1AA18
5.4:1AA
2.2:1Fail
1.3:1Fail

Similar palettes

More like Antique Parchment Scroll

View all neutral