Palette

Old Library Scroll

Rich, deep browns and muted tones capture the intellectual charm and warmth of a historical library.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#3E2723#5D4037#795548#A1887F#6D4C41

Palette guide

How to use Old Library Scroll

Overview

The "Old Library Scroll" palette immerses designs in the intellectual charm and warmth of a historical library. This collection of rich, deep browns, including the profound #3E2723, the inviting #5D4037, and the lighter, aged #A1887F, evokes the tactile sensation of leather-bound books and ancient manuscripts. It's perfectly suited for projects requiring a sense of tradition, wisdom, and understated elegance. Designers can achieve a cohesive, warm aesthetic, while developers will find these tones excellent for creating user interfaces that feel grounded and sophisticated, ideal for academic or heritage-focused platforms.

Best used for

Academic institution websites and publications
Bookstore or publishing house branding
Heritage site or museum digital experiences
Vintage-themed cafes or intellectual spaces
Personal branding for writers or historians
E-commerce for artisanal leather goods

Suggested color roles

primary

Utilize #3E2723 as a deep, grounding primary color for backgrounds, headers, or robust UI elements, reminiscent of aged leather.

secondary

Apply #5D4037 for supportive content blocks, navigation, or as a rich accent to add warmth and depth.

accent

Employ #A1887F as a lighter, warm accent for highlights, subheadings, or subtle decorative elements, evoking aged paper.

background

Use #A1887F for a light, parchment-like background for main content areas, or #3E2723 for a dark, cozy backdrop.

text

For optimal readability on light backgrounds like #A1887F, use #3E2723 or a very dark brown. On dark backgrounds, #A1887F or a creamy off-white provides excellent contrast.

Accessibility notes

Ensure #3E2723 text on #A1887F backgrounds meets WCAG AA contrast standards.
Avoid pairing #795548 text on #A1887F for body copy due to potential low contrast.
Use #A1887F for text on #3E2723 or #5D4037 to ensure good readability for all users.
Test all interactive elements (buttons, links) to confirm their color changes meet contrast requirements.

Recommended combinations

Aged Parchment

Ideal for a classic look: dark text on a light background, with a rich mid-brown for supporting details or links.

#3E2723 · #A1887F · #5D4037

Leather Bound

Create a rich, layered effect with these mid-browns for different content sections, evoking a tactile, luxurious feel.

#5D4037 · #795548 · #6D4C41

Scholarly Depth

Combine the deepest brown with a warm mid-tone and the lightest shade for a sophisticated, intellectual aesthetic in headers or footers.

#3E2723 · #6D4C41 · #A1887F

CSS variables

:root {
  --old-library-scroll-1: #3E2723;
  --old-library-scroll-2: #5D4037;
  --old-library-scroll-3: #795548;
  --old-library-scroll-4: #A1887F;
  --old-library-scroll-5: #6D4C41;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "old-library-scroll": {
        1: "#3E2723",
        2: "#5D4037",
        3: "#795548",
        4: "#A1887F",
        5: "#6D4C41",
      }
    }
  }
}

Hex values

Color 1#3E2723

Color 2#5D4037

Color 3#795548

Color 4#A1887F

Color 5#6D4C41

Accessibility

Contrast checker

1.5:1Fail

2.1:1Fail

4.2:1AA18

1.8:1Fail

1.5:1Fail

1.4:1Fail

2.8:1Fail

1.2:1Fail

2.1:1Fail

1.4:1Fail

2:1Fail

1.2:1Fail

4.2:1AA18

2.8:1Fail

2:1Fail

2.3:1Fail

1.8:1Fail

1.2:1Fail

2.3:1Fail

Similar palettes

More like Old Library Scroll

Old Library Scroll

See it in context.

Ready when you are.

Built with Old Library Scroll.

How to use Old Library Scroll

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Aged Parchment

Leather Bound

Scholarly Depth

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Old Library Scroll