Back to palettes

Palette

Dark Academia Library

Evokes the atmosphere of an old, grand library filled with leather-bound books and intellectual pursuits.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Dark Academia Library 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 Dark Academia Library.

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

Data visualization

#3D2B1F#5A3E2B#800020#2E4632#D0B8A8

Palette guide

How to use Dark Academia Library

Overview

The Dark Academia Library palette is a rich and evocative collection, perfectly designed to capture the grand, intellectual atmosphere of an old library. It features a deep espresso brown (#3D2B1F), a warm mahogany (#5A3E2B), a striking dark crimson (#800020), a sophisticated forest green (#2E4632), and a soft, aged tan (#D0B8A8). This palette is ideal for designers and developers seeking to create classic, elegant, and contemplative digital experiences. It's excellent for academic institutions, luxury branding, or any project aiming for a timeless and distinguished aesthetic.

Best used for

  • University and college websites
  • High-end literary publications
  • Classical music or art foundations
  • Luxury hotel or resort branding
  • E-commerce for bespoke items
  • Digital museum exhibits

Suggested color roles

primary

#3D2B1F (Espresso Brown) for main headings and foundational elements, providing gravitas and depth.

secondary

#5A3E2B (Mahogany) can be used for secondary navigation or important sub-sections.

accent

#800020 (Dark Crimson) for striking calls to action, important alerts, or luxurious highlights.

background

#D0B8A8 (Aged Tan) offers a warm, inviting background, reminiscent of vintage paper.

text

A very dark brown (e.g., #221A16) or black provides optimal contrast for body text on lighter backgrounds.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using #800020 or #2E4632 on dark backgrounds.
  • The lighter background #D0B8A8 requires dark text for readability.
  • Avoid using color alone to convey critical information; pair with icons or text labels.
  • Test text legibility on different screen types, especially for #D0B8A8 background.

Recommended combinations

Grand Reading

Ideal for creating deep, layered backgrounds or sections requiring a rich, historical feel.

#3D2B1F · #5A3E2B · #D0B8A8

Gilded Pages

Perfect for text-heavy content areas, evoking old manuscripts with vibrant accents.

#D0B8A8 · #800020 · #2E4632

Scholar's Desk

Use for strong contrasts in banners, footers, or to frame lighter content elegantly.

#3D2B1F · #2E4632 · #800020

CSS variables

:root {
  --dark-academia-library-1: #3D2B1F;
  --dark-academia-library-2: #5A3E2B;
  --dark-academia-library-3: #800020;
  --dark-academia-library-4: #2E4632;
  --dark-academia-library-5: #D0B8A8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dark-academia-library": {
        1: "#3D2B1F",
        2: "#5A3E2B",
        3: "#800020",
        4: "#2E4632",
        5: "#D0B8A8",
      }
    }
  }
}

Related searches

dark academia library colorsclassic intellectual palettevintage elegant brown greensophisticated red brown schemegrand academic aesthetic

Palette colors

Hex values

Color 1#3D2B1F
·
Color 2#5A3E2B
·
Color 3#800020
·
Color 4#2E4632
·
Color 5#D0B8A8
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.2:1Fail
1.3:1Fail
7.1:1AAA
2
1.4:1Fail
1.1:1Fail
1.1:1Fail
5.1:1AA
3
1.2:1Fail
1.1:1Fail
1.1:1Fail
5.7:1AA
4
1.3:1Fail
1.1:1Fail
1.1:1Fail
5.4:1AA
5
7.1:1AAA
5.1:1AA
5.7:1AA
5.4:1AA

Similar palettes

More like Dark Academia Library

View all dark