Palette

Ancient Papyrus Scroll

Evoking the faded, textured beauty of a timeless, well-preserved ancient papyrus scroll.

neutralnatural5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ancient Papyrus 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 Ancient Papyrus Scroll.

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

Data visualization

#D4B892#E6D2B3#A58B6D#8C7053#F2E7D3

Palette guide

How to use Ancient Papyrus Scroll

Overview

The Ancient Papyrus Scroll palette embodies the faded, textured beauty of a timeless, well-preserved ancient manuscript. Its warm, antique tones range from the bright #F2E7D3 and #E6D2B3 to the richer #D4B892, #A58B6D, and #8C7053, offering a harmonious blend of parchment-like beiges and deep, aged browns. This natural and inviting palette is ideal for designers aiming to create an atmosphere of heritage, warmth, and understated elegance, perfectly suited for projects that require an authentic vintage feel.

Best used for

Premium brand identity and packaging
Museum exhibit design and digital guides
Classic literature website themes
Natural product branding (e.g., artisanal paper)
Vintage-inspired editorial layouts
Historical reenactment website design

Suggested color roles

primary

Use #8C7053 for main headings, important calls to action, or key navigational elements to provide a strong, aged anchor.

secondary

Apply #A58B6D for subheadings, secondary buttons, or footer backgrounds, offering a deep, complementary brown.

accent

Introduce #D4B892 sparingly for subtle highlights, decorative elements, or interactive states, adding gentle warmth.

background

Utilize #F2E7D3 or #E6D2B3 as a clean, aged parchment-like background, providing excellent contrast for darker text.

text

For body text, #8C7053 offers optimal readability on lighter backgrounds like #F2E7D3, maintaining the palette's authentic feel.

Accessibility notes

Ensure sufficient contrast between text and background, especially when using mid-tones like #A58B6D.
Pair the darkest colors, #8C7053 and #A58B6D, with the lightest, #F2E7D3 and #E6D2B3, for optimal text readability (WCAG AA).
Avoid using #F2E7D3 or #E6D2B3 for text on other light-to-mid-tone colors within the palette.
For interactive elements, ensure hover/focus states provide clear visual distinction beyond just subtle color changes.

Recommended combinations

Preserved Page

Excellent for a clean page layout: lightest background, a warmer mid-tone for sections, and a deep brown for text.

#F2E7D3 · #E6D2B3 · #8C7053

Textured Warmth

Creates a rich, layered effect suitable for hero sections or prominent content blocks, adding visual depth.

#D4B892 · #A58B6D · #8C7053

Antique Whisper

Ideal for softer sections, sidebars, or decorative elements where a gentler contrast is desired, maintaining warmth.

#F2E7D3 · #A58B6D · #D4B892

CSS variables

:root {
  --ancient-papyrus-scroll-5-1: #D4B892;
  --ancient-papyrus-scroll-5-2: #E6D2B3;
  --ancient-papyrus-scroll-5-3: #A58B6D;
  --ancient-papyrus-scroll-5-4: #8C7053;
  --ancient-papyrus-scroll-5-5: #F2E7D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-papyrus-scroll-5": {
        1: "#D4B892",
        2: "#E6D2B3",
        3: "#A58B6D",
        4: "#8C7053",
        5: "#F2E7D3",
      }
    }
  }
}

Hex values

Color 1#D4B892

Color 2#E6D2B3

Color 3#A58B6D

Color 4#8C7053

Color 5#F2E7D3

Accessibility

Contrast checker

1.3:1Fail

1.7:1Fail

2.4:1Fail

1.5:1Fail

1.3:1Fail

2.2:1Fail

3.1:1AA18

1.2:1Fail

1.7:1Fail

2.2:1Fail

1.4:1Fail

2.6:1Fail

2.4:1Fail

3.1:1AA18

1.4:1Fail

3.8:1AA18

1.5:1Fail

1.2:1Fail

2.6:1Fail

3.8:1AA18

Similar palettes

More like Ancient Papyrus Scroll

View all neutral

Antique Parchment Scroll

Timeworn Papyrus Hue

Old Book Pages

Aged Scroll Patina

Ancient Cartographer Scrolls

Ancient Ruin Stone