Back to palettes

Palette

Gothic Library Dust

Deep, muted grays and cool browns, reflecting ancient books, dusty shelves, and a touch of melancholy.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Gothic Library Dust 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 Gothic Library Dust.

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

Data visualization

#36454F#5A6D7D#8C9BAB#C2CED6#E1E8EC

Palette guide

How to use Gothic Library Dust

Overview

The Gothic Library Dust palette offers a sophisticated range of cool grays and muted blues, perfectly evoking the serene, aged atmosphere of a historic library. From the deep charcoal blue of #36454F to the soft, dusty white of #E1E8EC, this palette provides a harmonious and understated aesthetic. The intermediate shades like #5A6D7D, #8C9BAB, and #C2CED6 are reminiscent of aged paper, weathered stone, and the quiet patina of time. It's an excellent choice for designs that require a sense of calm, intellectualism, and vintage charm without being overtly dark or somber.

Best used for

  • Academic publishing layouts
  • Vintage-inspired branding
  • Minimalist website designs
  • Literary blog themes
  • Interior design mood boards
  • Calm and sophisticated UI

Suggested color roles

primary

#36454F (A deep, muted blue-gray for main backgrounds, providing a stable and sophisticated foundation.)

secondary

#5A6D7D (A medium cool gray for secondary sections, offering gentle contrast and depth.)

accent

#C2CED6 (A light, airy gray for subtle highlights, borders, or inactive states, adding a touch of brightness.)

background

#36454F (Creates a serene, contemplative backdrop, perfect for focus-oriented content.)

text

#E1E8EC (A near-white, dusty tone, ideal for body text and headings on darker backgrounds, ensuring excellent readability.)

Accessibility notes

  • E1E8EC on #36454F or #5A6D7D provides strong contrast, suitable for all text sizes.
  • C2CED6 can be used for larger text on #36454F, but always check contrast for smaller font sizes.
  • Avoid using #8C9BAB as text on #5A6D7D or #C2CED6 due to insufficient contrast.
  • Ensure interactive elements have clear visual differentiation, leveraging the lightest and darkest shades.

Recommended combinations

Dusty Base

Core UI elements, with the lightest shade for crisp, readable text on dark.

#36454F · #5A6D7D · #E1E8EC

Aged Paper

For layered information panels, card backgrounds, or subtle gradients.

#5A6D7D · #8C9BAB · #C2CED6

Quiet Contrast

Provides a strong dark-to-light contrast for headings and key information, with a mid-tone for secondary details.

#36454F · #E1E8EC · #8C9BAB

CSS variables

:root {
  --gothic-library-dust-1: #36454F;
  --gothic-library-dust-2: #5A6D7D;
  --gothic-library-dust-3: #8C9BAB;
  --gothic-library-dust-4: #C2CED6;
  --gothic-library-dust-5: #E1E8EC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gothic-library-dust": {
        1: "#36454F",
        2: "#5A6D7D",
        3: "#8C9BAB",
        4: "#C2CED6",
        5: "#E1E8EC",
      }
    }
  }
}

Related searches

muted blue gray palettevintage library colorscalm sophisticated designacademic color schemedusty old book aesthetic

Palette colors

Hex values

Color 1#36454F
·
Color 2#5A6D7D
·
Color 3#8C9BAB
·
Color 4#C2CED6
·
Color 5#E1E8EC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.5:1AA18
6.2:1AA
8:1AAA
2
1.8:1Fail
1.9:1Fail
3.3:1AA18
4.3:1AA18
3
3.5:1AA18
1.9:1Fail
1.8:1Fail
2.3:1Fail
4
6.2:1AA
3.3:1AA18
1.8:1Fail
1.3:1Fail
5
8:1AAA
4.3:1AA18
2.3:1Fail
1.3:1Fail

Similar palettes

More like Gothic Library Dust

View all dark
Gothic Library Study
Gothic Library Study
Gothic Tome Scrolls
Cathedral Shadow Grey
Dark Academia Ink
Factory Floor Rust