Palette

Dark Academia Books

Rich, somber browns and muted tones that evoke the intellectual atmosphere of old university libraries.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#483C32#2E2824#6C5D4F#968A7F#B8A89A

Palette guide

How to use Dark Academia Books

Overview

The Dark Academia Books palette is a sophisticated and moody collection, perfectly evoking the ambiance of old university libraries filled with leather-bound tomes. It features a deep coffee brown (#483C32), a rich, near-black charcoal (#2E2824), a warm mid-brown (#6C5D4F), a muted grey-brown (#968A7F), and a soft, antique beige (#B8A89A). This palette is ideal for designers and developers seeking to create intellectual, vintage-inspired, and elegant digital experiences. It's excellent for educational platforms, literary websites, or any brand aiming for a timeless and contemplative aesthetic.

Best used for

University and academic websites
Literary journal layouts
Vintage product e-commerce
Personal portfolio sites with a classic feel
Content platforms focused on history
Digital archives and museum exhibits

Suggested color roles

primary

#2E2824 (Charcoal) for main headings and foundational UI elements, providing a strong, elegant base.

secondary

#483C32 (Coffee Brown) can be used for secondary navigation or important sub-sections.

accent

#6C5D4F (Warm Mid-Brown) for subtle highlights, interactive states, or decorative borders.

background

#B8A89A (Antique Beige) offers a soft, legible background that mimics aged paper.

text

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

Accessibility notes

Ensure sufficient contrast for text, especially when using #968A7F or #B8A89A for text on other light palette colors.
The lighter browns may not meet contrast ratios for small text; use them for larger headings or decorative elements.
Provide clear visual hierarchy; color alone should not indicate importance.
Test text legibility on different screen types, especially for #B8A89A background.

Recommended combinations

Library Stacks

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

#2E2824 · #483C32 · #6C5D4F

Aged Parchment

Perfect for text-heavy content areas, evoking old manuscripts and traditional print.

#B8A89A · #968A7F · #483C32

Leather Bound

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

#2E2824 · #6C5D4F · #B8A89A

CSS variables

:root {
  --dark-academia-books-1: #483C32;
  --dark-academia-books-2: #2E2824;
  --dark-academia-books-3: #6C5D4F;
  --dark-academia-books-4: #968A7F;
  --dark-academia-books-5: #B8A89A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dark-academia-books": {
        1: "#483C32",
        2: "#2E2824",
        3: "#6C5D4F",
        4: "#968A7F",
        5: "#B8A89A",
      }
    }
  }
}

Hex values

Color 1#483C32

Color 2#2E2824

Color 3#6C5D4F

Color 4#968A7F

Color 5#B8A89A

Accessibility

Contrast checker

1.4:1Fail

1.7:1Fail

3.2:1AA18

4.6:1AA

1.4:1Fail

2.3:1Fail

4.3:1AA18

6.3:1AA

1.7:1Fail

2.3:1Fail

1.9:1Fail

2.7:1Fail

3.2:1AA18

4.3:1AA18

1.9:1Fail

1.5:1Fail

4.6:1AA

6.3:1AA

2.7:1Fail

1.5:1Fail

Similar palettes

More like Dark Academia Books

View all dark

Library Bound Tome

Old Library Scroll

Professor's Study Nook

Smoky Jazz Club

Academia Scholar's Quill

Antique Velvet Drapes