Back to palettes

Palette

Dusty Book Shelf

Evokes the quiet charm of aged books, rich wood, and the soft patina of time in a study.

neutralelegant5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Dusty Book Shelf 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 Book Shelf.

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

Data visualization

#8B4513#696969#A0522D#D2B48C#A52A2A

Palette guide

How to use Dusty Book Shelf

Overview

The Dusty Book Shelf palette evokes the quiet charm of aged books, rich wood, and the soft patina of time in a study. With shades like #8B4513, #696969, and the inviting #D2B48C, this collection is perfect for designs that require a vintage, academic, and cozy feel. Designers and developers can leverage these harmonious tones to create captivating academic institutions' branding, rustic cafe aesthetics, or digital interfaces that resonate with warmth and intellectual depth. The inclusion of #A52A2A adds a touch of rich, muted red.

Best used for

  • Academic institutions branding
  • Vintage brand identity
  • Rustic cafe aesthetics
  • Cozy home library designs
  • Historical societies and archives
  • Traditional publishing houses

Suggested color roles

primary

#A0522D serves as a warm, inviting reddish-brown, ideal for main content areas or headers.

secondary

#8B4513 offers a deeper, classic wood tone for strong anchors, shadows, or grounding elements.

accent

#A52A2A, a rich, muted red, is perfect for emphasis, calls-to-action, or decorative details.

background

#D2B48C is the lightest shade, creating an aged beige base that enhances the vintage feel.

text

For readability on lighter backgrounds, use #696969 or #8B4513. For critical text, black is recommended.

Accessibility notes

  • For text on #D2B48C, use #696969 or #8B4513 for sufficient contrast and optimal readability.
  • The contrast between #A0522D and #A52A2A can be low; differentiate by value or saturation when using them adjacent.
  • Ensure all interactive elements are clearly distinguishable from their backgrounds with clear focus states.
  • For body text, a dark gray or black provides optimal legibility on the lightest colors, especially for users with visual impairments.

Recommended combinations

Aged Wood

Combines classic brown tones with a soft beige, ideal for creating a warm, wooden aesthetic.

#8B4513 · #A0522D · #D2B48C

Library Spine

Pairs a muted red and gray with a light background for a distinct and academic feel.

#A52A2A · #696969 · #D2B48C

Quiet Study

Offers a light base with strong, deep accents for a balanced and focused composition.

#D2B48C · #8B4513 · #696969

CSS variables

:root {
  --dusty-book-shelf-1: #8B4513;
  --dusty-book-shelf-2: #696969;
  --dusty-book-shelf-3: #A0522D;
  --dusty-book-shelf-4: #D2B48C;
  --dusty-book-shelf-5: #A52A2A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dusty-book-shelf": {
        1: "#8B4513",
        2: "#696969",
        3: "#A0522D",
        4: "#D2B48C",
        5: "#A52A2A",
      }
    }
  }
}

Related searches

vintage academic paletterustic library colorscozy study schemeaged book tonestraditional brown red

Palette colors

Hex values

Color 1#8B4513
·
Color 2#696969
·
Color 3#A0522D
·
Color 4#D2B48C
·
Color 5#A52A2A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.3:1Fail
3.6:1AA18
1:1Fail
2
1.3:1Fail
1:1Fail
2.8:1Fail
1.3:1Fail
3
1.3:1Fail
1:1Fail
2.8:1Fail
1.3:1Fail
4
3.6:1AA18
2.8:1Fail
2.8:1Fail
3.6:1AA18
5
1:1Fail
1.3:1Fail
1.3:1Fail
3.6:1AA18

Similar palettes

More like Dusty Book Shelf

View all neutral