Back to palettes

Palette

Dusty Library Tome

Deep, muted browns and grays evoke the quiet comfort and aged charm of an old library.

darkcalm5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#3B2A1E#5C4A3F#8E7D72#A09489#B7ABA1

Palette guide

How to use Dusty Library Tome

Overview

The Dusty Library Tome palette features deep, muted browns and grays, evoking the quiet comfort and aged charm of an old library. With shades like #3B2A1E, #5C4A3F, and the light #B7ABA1, this collection is perfect for designs that require a calm, vintage, and intellectual feel. Designers and developers can leverage these harmonious tones to create captivating academic branding, literary websites, or digital interfaces that resonate with tranquility and scholarly depth. The palette offers a versatile foundation for conveying a sense of history and quiet sophistication.

Best used for

  • Academic branding and websites
  • Vintage book cover design
  • Sophisticated interior design
  • Literary blogs and publishing
  • Historical documentaries
  • Cozy reading nooks and studies

Suggested color roles

primary

#5C4A3F serves as a warm, muted brown, ideal for main content areas or headers.

secondary

#3B2A1E is the deepest shade, providing strong anchors, shadows, or grounding elements.

accent

#8E7D72 offers a lighter, soft highlight, perfect for subtle accents or decorative details.

background

#B7ABA1 is the lightest shade, creating an aged creamy gray base that enhances the vintage feel.

text

For readability on light backgrounds, use #3B2A1E or a dark brown/charcoal. For critical text, black is recommended.

Accessibility notes

  • For text on #B7ABA1, use #3B2A1E for sufficient contrast and optimal readability.
  • The contrast between #A09489 and #B7ABA1 is low; avoid using these for small or critical text elements.
  • Ensure all interactive elements are clearly distinguishable from their backgrounds with clear focus states.
  • For body text, a dark brown or black provides optimal legibility on the lightest colors, especially for users with visual impairments.

Recommended combinations

Aged Pages

Creates a gentle progression of light, aged tones, ideal for background effects or layered elements.

#B7ABA1 · #A09489 · #8E7D72

Deep Tome

Combines the deepest brown with a soft, creamy background for strong contrast and a rich, historical feel.

#3B2A1E · #5C4A3F · #B7ABA1

Quiet Study

Offers balanced mid-tones for a serene and focused feel, suitable for content blocks or visual hierarchy.

#8E7D72 · #A09489 · #5C4A3F

CSS variables

:root {
  --dusty-library-tome-1: #3B2A1E;
  --dusty-library-tome-2: #5C4A3F;
  --dusty-library-tome-3: #8E7D72;
  --dusty-library-tome-4: #A09489;
  --dusty-library-tome-5: #B7ABA1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dusty-library-tome": {
        1: "#3B2A1E",
        2: "#5C4A3F",
        3: "#8E7D72",
        4: "#A09489",
        5: "#B7ABA1",
      }
    }
  }
}

Related searches

dark brown grayvintage library palettemuted academic colorscozy reading schemeantique earth tones

Palette colors

Hex values

Color 1#3B2A1E
·
Color 2#5C4A3F
·
Color 3#8E7D72
·
Color 4#A09489
·
Color 5#B7ABA1
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
3.5:1AA18
4.6:1AA
6.1:1AA
2
1.6:1Fail
2.1:1Fail
2.8:1Fail
3.7:1AA18
3
3.5:1AA18
2.1:1Fail
1.3:1Fail
1.8:1Fail
4
4.6:1AA
2.8:1Fail
1.3:1Fail
1.3:1Fail
5
6.1:1AA
3.7:1AA18
1.8:1Fail
1.3:1Fail

Similar palettes

More like Dusty Library Tome

View all dark
Antique Library Tome
Dark Roast Coffee
Espresso Bean Roast
Espresso Cream
Espresso Retreat
Espresso Retreat Corner