Back to palettes

Palette

Dusty Scroll Library

Muted, aged tones evoking the brittle beauty and timeless wisdom of ancient scrolls and parchments.

neutralretro5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Dusty Scroll Library 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 Dusty Scroll Library.

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

Data visualization

#E8DBCF#F2EBE0#D1C7BB#B8A39E#F0F0E6

Palette guide

How to use Dusty Scroll Library

Overview

The Dusty Scroll Library palette offers muted, aged tones evoking the brittle beauty and timeless wisdom of ancient scrolls and parchments. This neutral collection features light, airy shades like #F2EBE0, #E8DBCF, and #F0F0E6, providing an authentic paper-like base. Deeper tones such as #D1C7BB and #B8A39E introduce a grounding, vintage sophistication. Designers and developers can leverage this palette to create retro, intellectual, or calm experiences. It's ideal for projects aiming to convey heritage, knowledge, and understated elegance, suitable for both digital interfaces and physical product designs with a classic, aged aesthetic.

Best used for

  • Vintage brand identity
  • Literary website design
  • Educational app interfaces
  • Retro packaging concepts
  • Historical document displays
  • Art and antique portfolios

Suggested color roles

primary

#E8DBCF - A balanced, parchment-like beige, excellent for primary UI elements or content areas.

secondary

#D1C7BB - A slightly deeper, muted brown-beige, ideal for supporting content or subtle highlights.

accent

#B8A39E - The deepest, most grounding tone, perfect for impactful accents or calls-to-action.

background

#F2EBE0 - The lightest, almost off-white, providing a clean and authentic paper-like canvas.

text

A dark charcoal or black for optimal readability against the lighter tones like #F2EBE0.

Accessibility notes

  • The lightest colors, #F2EBE0, #E8DBCF, and #F0F0E6, require very dark text (e.g., black) to meet WCAG contrast guidelines.
  • Use #B8A39E for text only on the lightest backgrounds like #F2EBE0; avoid using other light palette colors for text.
  • Test contrast ratios for all text and background pairings, especially for smaller font sizes.
  • Consider using a strong contrast border or shadow for interactive elements to ensure visibility.

Recommended combinations

Parchment Layers

Layered backgrounds, content cards, or subtle graphic elements to mimic aged paper.

#F2EBE0 · #E8DBCF · #D1C7BB

Ink & Paper

High-contrast headings or important information on a clean, light backdrop.

#B8A39E · #F2EBE0 · #D1C7BB

Aged Harmony

Creating balanced content blocks or decorative elements with a vintage, antique feel.

#D1C7BB · #E8DBCF · #F0F0E6

CSS variables

:root {
  --dusty-scroll-library-1: #E8DBCF;
  --dusty-scroll-library-2: #F2EBE0;
  --dusty-scroll-library-3: #D1C7BB;
  --dusty-scroll-library-4: #B8A39E;
  --dusty-scroll-library-5: #F0F0E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dusty-scroll-library": {
        1: "#E8DBCF",
        2: "#F2EBE0",
        3: "#D1C7BB",
        4: "#B8A39E",
        5: "#F0F0E6",
      }
    }
  }
}

Related searches

vintage paper color paletteparchment aestheticold library colorsmuted beige brown schemeretro neutral tones

Palette colors

Hex values

Color 1#E8DBCF
·
Color 2#F2EBE0
·
Color 3#D1C7BB
·
Color 4#B8A39E
·
Color 5#F0F0E6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.2:1Fail
1.8:1Fail
1.2:1Fail
2
1.1:1Fail
1.4:1Fail
2:1Fail
1:1Fail
3
1.2:1Fail
1.4:1Fail
1.4:1Fail
1.5:1Fail
4
1.8:1Fail
2:1Fail
1.4:1Fail
2.1:1Fail
5
1.2:1Fail
1:1Fail
1.5:1Fail
2.1:1Fail

Similar palettes

More like Dusty Scroll Library

View all neutral
Aged Snapshot Tones
Antique Book Pages
Aged Parchment Scroll
Aged Parchment Whisper
Ancient Papyrus Scroll
Ancient Parchment Hues