Palette

Ancient Papyrus Scroll

Warm, aged tones reminiscent of ancient scrolls, evoking history and untold stories.

neutralretro5 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

#F5DEB3#DEB887#CD853F#A0522D#5F4B30

Palette guide

How to use Ancient Papyrus Scroll

Overview

The Ancient Papyrus Scroll palette masterfully blends warm, aged tones to evoke the rich history and untold stories of ancient manuscripts. From the inviting #F5DEB3 and #DEB887 to the deep, grounding #A0522D and #5F4B30, with a vibrant #CD853F in between, this collection offers a versatile range of earthy browns. It's perfectly suited for designers seeking to infuse their projects with a retro, vintage feel, providing a sense of authenticity and timeless appeal through its carefully curated, warm color progression.

Best used for

Vintage-inspired web design and UI
Branding for artisanal products or heritage brands
Historical documentary graphics
Literary website themes
Retro poster or print designs
Packaging for natural or organic goods

Suggested color roles

primary

Use #5F4B30 for main headings, important calls to action, or key navigational elements to establish a strong, historical tone.

secondary

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

accent

Introduce #CD853F sparingly for a vibrant, warm accent, drawing attention to interactive elements or key highlights.

background

Utilize #F5DEB3 as a clean, aged parchment-like background, providing excellent contrast for darker text and elements.

text

For body text, #5F4B30 offers optimal readability on lighter backgrounds like #F5DEB3, maintaining the palette's authentic feel.

Accessibility notes

Ensure the darkest colors (#A0522D, #5F4B30) are used for text on the lightest backgrounds (#F5DEB3, #DEB887) for WCAG AA compliance.
Avoid using #CD853F for small text unless it has sufficient contrast with the background, as its mid-tone value can be challenging.
The contrast between #DEB887 and #CD853F might be insufficient for text; use for larger display elements or decorative purposes.
Always test color combinations with accessibility tools, especially for text and interactive elements.

Recommended combinations

Historic Page

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

#F5DEB3 · #DEB887 · #5F4B30

Warm Earth

Creates a vibrant, earthy focal point, suitable for hero banners or feature sections with rich visual interest.

#DEB887 · #CD853F · #A0522D

Deep Scroll

Combines a light background with strong brown text and a warm, inviting accent for interactive elements.

#F5DEB3 · #A0522D · #CD853F

CSS variables

:root {
  --ancient-papyrus-scroll-2-1: #F5DEB3;
  --ancient-papyrus-scroll-2-2: #DEB887;
  --ancient-papyrus-scroll-2-3: #CD853F;
  --ancient-papyrus-scroll-2-4: #A0522D;
  --ancient-papyrus-scroll-2-5: #5F4B30;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-papyrus-scroll-2": {
        1: "#F5DEB3",
        2: "#DEB887",
        3: "#CD853F",
        4: "#A0522D",
        5: "#5F4B30",
      }
    }
  }
}

Hex values

Color 1#F5DEB3

Color 2#DEB887

Color 3#CD853F

Color 4#A0522D

Color 5#5F4B30

Accessibility

Contrast checker

1.4:1Fail

2.3:1Fail

4.3:1AA18

6.3:1AA

1.4:1Fail

1.6:1Fail

3:1AA18

4.5:1AA18

2.3:1Fail

1.6:1Fail

1.9:1Fail

2.8:1Fail

4.3:1AA18

3:1AA18

1.9:1Fail

1.5:1Fail

6.3:1AA

4.5:1AA18

2.8:1Fail

1.5:1Fail

Similar palettes

More like Ancient Papyrus Scroll

View all neutral

Aged Atlas Hues

Aged Parchment Whisper

Aged Snapshot Tones

Antique Map Parchment

Antique Map Sepia

Antique Maps Lore