Back to palettes

Palette

Haunted Library Pages

Muted greys and off-whites evoke the quiet, dusty atmosphere of forgotten books and hushed secrets.

neutraldark5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Haunted Library Pages 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 Haunted Library Pages.

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

Data visualization

#3A3E40#5C6163#82898B#A7AEB0#E1DDD8

Palette guide

How to use Haunted Library Pages

Overview

The Haunted Library Pages palette evokes the quiet, dust-laden atmosphere of forgotten books and hushed secrets, perfect for a subtle, mysterious aesthetic. This collection of muted greys and off-whites provides a sophisticated yet eerie foundation for design. The deep, grounding #3A3E40 and #5C6163 offer a sense of ancient depth, reminiscent of old bindings. Mid-tones like #82898B and #A7AEB0 introduce a weathered, aged quality, while the delicate off-white of #E1DDD8 brightens the palette, like faded parchment. This palette is exceptionally suited for projects requiring a vintage, dark academic, or mysterious ambiance, ideal for historical themes, sophisticated branding, or evocative digital experiences.

Best used for

  • Vintage book cover design
  • Historical documentary branding
  • Dark academia aesthetic content
  • Mystery game UI and environments
  • Archival website design
  • Sophisticated literary blogs

Suggested color roles

primary

Utilize #5C6163 as a dominant color for backgrounds or large sections to establish a muted, sophisticated, and slightly mysterious mood.

secondary

Apply #3A3E40 for important headings or accents to introduce strong grounding while maintaining the subdued aesthetic.

accent

Highlight key information or interactive elements with #A7AEB0 for a subtle, aged contrast, or #E1DDD8 for a bright, parchment-like highlight.

background

Employ #E1DDD8 as a light, aged background, providing excellent readability for darker text elements.

text

For optimal readability on light backgrounds like #E1DDD8, use #3A3E40 or #5C6163. For dark backgrounds, #E1DDD8 provides clear contrast.

Accessibility notes

  • Ensure #3A3E40 or #5C6163 text on #E1DDD8 background meets WCAG AA contrast standards.
  • Avoid using #82898B on #A7AEB0 for small text; contrast will likely be insufficient.
  • Always verify contrast ratios, especially between the medium greys, for all text and interactive elements.
  • Consider using slightly darker text on #E1DDD8 for improved readability for users with visual impairments.

Recommended combinations

Aged Parchment

Excellent for robust branding, creating a balanced and mysterious feel for headers and core content with an antique touch.

#3A3E40 · #5C6163 · #E1DDD8

Dusty Shelves

Ideal for backgrounds with complementary text, or for highlighting specific sections with a subtle, weathered feel.

#5C6163 · #82898B · #A7AEB0

Faded Ink

Perfect for UI elements, buttons, and subtle accents, providing a gentle yet clear visual hierarchy for a vintage aesthetic.

#E1DDD8 · #A7AEB0 · #3A3E40

CSS variables

:root {
  --haunted-library-pages-1: #3A3E40;
  --haunted-library-pages-2: #5C6163;
  --haunted-library-pages-3: #82898B;
  --haunted-library-pages-4: #A7AEB0;
  --haunted-library-pages-5: #E1DDD8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "haunted-library-pages": {
        1: "#3A3E40",
        2: "#5C6163",
        3: "#82898B",
        4: "#A7AEB0",
        5: "#E1DDD8",
      }
    }
  }
}

Related searches

dark academic color palettevintage library schememysterious grey paletteold paper colorssubtle historic design

Palette colors

Hex values

Color 1#3A3E40
·
Color 2#5C6163
·
Color 3#82898B
·
Color 4#A7AEB0
·
Color 5#E1DDD8
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3:1AA18
4.8:1AA
8:1AAA
2
1.7:1Fail
1.8:1Fail
2.8:1Fail
4.6:1AA
3
3:1AA18
1.8:1Fail
1.6:1Fail
2.6:1Fail
4
4.8:1AA
2.8:1Fail
1.6:1Fail
1.7:1Fail
5
8:1AAA
4.6:1AA
2.6:1Fail
1.7:1Fail

Similar palettes

More like Haunted Library Pages

View all neutral
Volcanic Ash
Volcanic Ash Cloud
Volcanic Ash Dawn
Volcanic Ash Drift
Crumbled Castle Remnants
Gargoyle Grey