Back to palettes

Palette

Dusty Book Shelf

A calm assortment of muted blues, greens, and aged beige, reflecting the quiet charm of an old library filled with forgotten books.

coolcalm5 colors
More cool 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

#3A4E5E#5F7A8A#8EAAAE#A39E8F#6B6E70

Palette guide

How to use Dusty Book Shelf

Overview

The Dusty Book Shelf palette presents a calm assortment of muted blues, greens, and aged beige, reflecting the quiet charm of an old library filled with forgotten books. With shades like #3A4E5E, #5F7A8A, and the soft #A39E8F, this collection is perfect for designs that require a serene, academic, and vintage feel. Designers and developers can leverage these harmonious tones to create sophisticated academic websites, literary blogs, or digital interfaces that resonate with tranquility and intellectual depth. The palette offers a versatile foundation for conveying calm and wisdom.

Best used for

  • Academic websites and branding
  • Vintage-inspired branding
  • Calm interior design themes
  • Literary blogs and publishing
  • Educational materials
  • Subtle UI themes

Suggested color roles

primary

#5F7A8A serves as a muted blue-gray, a calming core ideal for main content areas or headers.

secondary

#3A4E5E is the deepest shade, providing structure, strong anchors, or grounding elements.

accent

#8EAAAE offers a lighter, subtle highlight, perfect for delicate accents or secondary information.

background

#A39E8F is the lightest shade, creating a soft, aged beige base that enhances the vintage feel.

text

For readability on lighter backgrounds, use #3A4E5E or a dark charcoal. For critical text, black is recommended.

Accessibility notes

  • For text on #A39E8F, use #3A4E5E for sufficient contrast and optimal readability.
  • The contrast between #8EAAAE and #A39E8F might be low for small text or critical UI elements; test carefully.
  • 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

Library Calm

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

#A39E8F · #8EAAAE · #5F7A8A

Deep Tome

Combines deep blue-gray and mid-gray with a soft beige for strong contrast and a rich, intellectual feel.

#3A4E5E · #6B6E70 · #A39E8F

Aged Pages

Offers balanced cool tones for a serene feel, suitable for content blocks or visual hierarchy.

#5F7A8A · #8EAAAE · #6B6E70

CSS variables

:root {
  --dusty-book-shelf-2-1: #3A4E5E;
  --dusty-book-shelf-2-2: #5F7A8A;
  --dusty-book-shelf-2-3: #8EAAAE;
  --dusty-book-shelf-2-4: #A39E8F;
  --dusty-book-shelf-2-5: #6B6E70;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dusty-book-shelf-2": {
        1: "#3A4E5E",
        2: "#5F7A8A",
        3: "#8EAAAE",
        4: "#A39E8F",
        5: "#6B6E70",
      }
    }
  }
}

Related searches

dusty blue grayvintage library colorscalm academic palettemuted cool tonesretro book design

Palette colors

Hex values

Color 1#3A4E5E
·
Color 2#5F7A8A
·
Color 3#8EAAAE
·
Color 4#A39E8F
·
Color 5#6B6E70
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.5:1AA18
3.2:1AA18
1.7:1Fail
2
1.9:1Fail
1.8:1Fail
1.7:1Fail
1.1:1Fail
3
3.5:1AA18
1.8:1Fail
1.1:1Fail
2.1:1Fail
4
3.2:1AA18
1.7:1Fail
1.1:1Fail
1.9:1Fail
5
1.7:1Fail
1.1:1Fail
2.1:1Fail
1.9:1Fail

Similar palettes

More like Dusty Book Shelf

View all cool
Aegean Isle Horizon
Alpine Forest Chill
Aqua Stillness Mood
Arctic Glacier Melt
Berry Glaze Frost
Calm Lake Reflections