Palette

Old Parchment Lore

Muted browns and creams portray the delicate, time-worn elegance of ancient parchment scrolls in a quiet library.

Neutralcalm5 colors

More Neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Old Parchment Lore 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 Old Parchment Lore.

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

Data visualization

#FFF8DC#F5DEB3#D2B48C#BC8F8F#8B4513

Palette guide

How to use Old Parchment Lore

Overview

The "Old Parchment Lore" palette captures the serene and scholarly mood of ancient scrolls within a quiet library. This inviting collection includes a creamy white (#FFF8DC), a soft golden-cream (#F5DEB3), a warm medium brown (#D2B48C), a unique muted rose-brown (#BC8F8F), and a deep chestnut (#8B4513). Designers and developers will find this palette genuinely useful for projects requiring a sense of history, warmth, and gentle sophistication. Its harmonious blend of soft neutrals and rich browns evokes a timeless narrative, perfect for creating an atmosphere of calm and intellectual depth across various platforms.

Best used for

Literary website design
Antique restoration branding
Cozy cafe interior themes
Fantasy book cover art
Historical documentary interfaces
Traditional crafts marketing

Suggested color roles

primary

Designate #D2B48C as the main color for navigation, key elements, or larger content areas, providing a warm, grounding presence.

secondary

Use #F5DEB3 for supporting backgrounds, subheadings, or lighter graphic elements, adding a gentle golden glow.

accent

Apply #BC8F8F sparingly as a unique accent for decorative elements, hover states, or subtle calls to attention, offering a touch of distinction.

background

Employ #FFF8DC as the primary background color to simulate the brightest, freshest parchment, offering excellent contrast for darker text.

text

For body text and important headlines, use #8B4513 or black to ensure maximum readability and a classic, ink-on-parchment feel.

Accessibility notes

Ensure #8B4513 text has strong contrast against #FFF8DC for optimal readability.
Be cautious when using #BC8F8F as text on #D2B48C; check contrast for accessibility compliance.
Use a dark color like black or #8B4513 for body text on #F5DEB3 to meet WCAG standards.
Verify contrast ratios for all interactive elements, especially when using lighter colors from the palette.

Recommended combinations

Scroll & Ink

A classic combination for text-heavy interfaces: light parchment background, warm medium brown for headings, and deep chestnut for body text.

#FFF8DC · #D2B48C · #8B4513

Warm Library

Creates a cozy, inviting section with a golden mid-tone, a soft rose accent, and a deep grounding color for details.

#F5DEB3 · #BC8F8F · #8B4513

Subtle Depth

Combines a light background with a delicate accent and a prominent feature color for visual interest without being overpowering.

#FFF8DC · #BC8F8F · #D2B48C

CSS variables

:root {
  --old-parchment-lore-1: #FFF8DC;
  --old-parchment-lore-2: #F5DEB3;
  --old-parchment-lore-3: #D2B48C;
  --old-parchment-lore-4: #BC8F8F;
  --old-parchment-lore-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "old-parchment-lore": {
        1: "#FFF8DC",
        2: "#F5DEB3",
        3: "#D2B48C",
        4: "#BC8F8F",
        5: "#8B4513",
      }
    }
  }
}

Hex values

Color 1#FFF8DC

Color 2#F5DEB3

Color 3#D2B48C

Color 4#BC8F8F

Color 5#8B4513

Accessibility

Contrast checker

1.2:1Fail

1.9:1Fail

2.6:1Fail

6.7:1AA

1.2:1Fail

1.5:1Fail

2.1:1Fail

5.4:1AA

1.9:1Fail

1.5:1Fail

1.4:1Fail

3.6:1AA18

2.6:1Fail

2.1:1Fail

1.4:1Fail

2.5:1Fail

6.7:1AA

5.4:1AA

3.6:1AA18

2.5:1Fail

Similar palettes

More like Old Parchment Lore

View all Neutral

Antique Map Folds

Coastal Dune Serenity

Zen Matcha Moment

Ancient Tome Patina

Antique Papyrus Scroll

Antique Silk Drape