Palette

Aged Scroll Patina

Warm, muted tones that mimic the look of aged parchment and weathered historical documents.

neutralnatural5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Aged Scroll Patina 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 Aged Scroll Patina.

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

Data visualization

#6C5B49#A39686#DBCFC0#EAE5DD#F5F1EB

Palette guide

How to use Aged Scroll Patina

Overview

The Aged Scroll Patina palette beautifully captures the essence of weathered historical documents and ancient parchment with its warm, muted neutrals. Featuring deep #6C5B49, mid-tone #A39686, lighter #DBCFC0, and the airy #EAE5DD and #F5F1EB, this collection is perfect for designers and developers seeking to evoke a sense of history, elegance, and subtle sophistication. These hex codes provide a timeless and earthy foundation, ideal for projects that require a minimalist yet rich aesthetic, offering a serene backdrop that highlights content with understated charm.

Best used for

Historical document preservation websites
Minimalist branding with a vintage touch
Artisanal paper product design
Museum exhibition graphics
Literary journal layouts
Traditional wedding stationery

Suggested color roles

primary

Utilize #6C5B49 as a grounding, deep taupe for headers or important sections, providing stability.

secondary

Apply #A39686 for supporting elements, subheadings, or larger content blocks, offering a warm, muted presence.

accent

Highlight key details or interactive components with #DBCFC0, a light, aged-parchment tone.

background

Choose #F5F1EB for clean, soft backgrounds, mimicking the delicate texture of old paper for optimal readability.

text

For text on light backgrounds, #6C5B49 offers excellent readability. On darker backgrounds, #EAE5DD provides a subtle contrast.

Accessibility notes

Ensure sufficient contrast between #F5F1EB and lighter text colors like #EAE5DD for accessibility.
The darkest color, #6C5B49, provides strong contrast for text on #F5F1EB or #DBCFC0.
Avoid using #EAE5DD as text on #F5F1EB unless for very large, decorative headlines.
Prioritize contrast for interactive elements to ensure clear user feedback.

Recommended combinations

Parchment & Ink

Ideal for a classic document layout with dark text, a light accent, and a soft, aged background.

#6C5B49 · #DBCFC0 · #F5F1EB

Subtle History

Excellent for creating layered content, with mid-tone elements on a slightly off-white background and grounding text.

#A39686 · #EAE5DD · #6C5B49

Faded Elegance

Perfect for soft, inviting sections, moving from the lightest background to gentle, muted details.

#F5F1EB · #DBCFC0 · #A39686

CSS variables

:root {
  --aged-scroll-patina-1: #6C5B49;
  --aged-scroll-patina-2: #A39686;
  --aged-scroll-patina-3: #DBCFC0;
  --aged-scroll-patina-4: #EAE5DD;
  --aged-scroll-patina-5: #F5F1EB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aged-scroll-patina": {
        1: "#6C5B49",
        2: "#A39686",
        3: "#DBCFC0",
        4: "#EAE5DD",
        5: "#F5F1EB",
      }
    }
  }
}

Hex values

Color 1#6C5B49

Color 2#A39686

Color 3#DBCFC0

Color 4#EAE5DD

Color 5#F5F1EB

Accessibility

Contrast checker

2.2:1Fail

4.2:1AA18

5.2:1AA

5.8:1AA

2.2:1Fail

1.9:1Fail

2.3:1Fail

2.6:1Fail

4.2:1AA18

1.9:1Fail

1.2:1Fail

1.4:1Fail

5.2:1AA

2.3:1Fail

1.2:1Fail

1.1:1Fail

5.8:1AA

2.6:1Fail

1.4:1Fail

1.1:1Fail

Similar palettes

More like Aged Scroll Patina

View all neutral

Antique Library Pages

Antique Library Scroll

Antique Parchment Scroll

Rustic Farmhouse Linen

Weathered Barn Wood

Aged Leather Comfort