Palette

Dark Academia Charm

Rich, brooding tones perfect for old libraries, leather-bound books, and quiet contemplation.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2B1D0E#4E382A#775A4B#A68D7F#D2C1B4

Palette guide

How to use Dark Academia Charm

Overview

The Dark Academia Charm palette is a rich and evocative collection, perfectly designed to capture the mysterious and intellectual allure of classic academia. It features a deep, almost black brown (#2B1D0E), a warm dark brown (#4E382A), a medium antique brown (#775A4B), a muted light brown (#A68D7F), and a soft, creamy beige (#D2C1B4). This palette is ideal for designers and developers creating sophisticated, vintage-inspired, and contemplative digital experiences. It's excellent for literary platforms, elegant personal branding, or any project aiming for a timeless, scholarly aesthetic.

Best used for

Literary websites and blogs
Academic course platforms
Vintage fashion or decor e-commerce
Sophisticated personal portfolios
Digital diaries and journaling apps
Museum and historical society websites

Suggested color roles

primary

#2B1D0E (Deep Brown) for main headings and foundational elements, providing gravitas and depth.

secondary

#4E382A (Warm Dark Brown) can be used for secondary navigation or important sub-sections.

accent

#775A4B (Antique Brown) for subtle highlights, interactive states, or decorative borders.

background

#D2C1B4 (Creamy Beige) offers a light, inviting background, reminiscent of aged paper.

text

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

Accessibility notes

Ensure sufficient contrast for text, especially when using #A68D7F or #D2C1B4 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 #D2C1B4 background.

Recommended combinations

Old Library

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

#2B1D0E · #4E382A · #775A4B

Worn Pages

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

#D2C1B4 · #A68D7F · #4E382A

Classic Study

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

#2B1D0E · #775A4B · #D2C1B4

CSS variables

:root {
  --dark-academia-charm-1: #2B1D0E;
  --dark-academia-charm-2: #4E382A;
  --dark-academia-charm-3: #775A4B;
  --dark-academia-charm-4: #A68D7F;
  --dark-academia-charm-5: #D2C1B4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dark-academia-charm": {
        1: "#2B1D0E",
        2: "#4E382A",
        3: "#775A4B",
        4: "#A68D7F",
        5: "#D2C1B4",
      }
    }
  }
}

Hex values

Color 1#2B1D0E

Color 2#4E382A

Color 3#775A4B

Color 4#A68D7F

Color 5#D2C1B4

Accessibility

Contrast checker

1.5:1Fail

2.6:1Fail

5.2:1AA

9.4:1AAA

1.5:1Fail

1.7:1Fail

3.5:1AA18

6.3:1AA

2.6:1Fail

1.7:1Fail

2:1Fail

3.6:1AA18

5.2:1AA

3.5:1AA18

2:1Fail

1.8:1Fail

9.4:1AAA

6.3:1AA

3.6:1AA18

1.8:1Fail

Similar palettes

More like Dark Academia Charm

View all dark

Ancient Tome Hues

Dark Academia Ink

Leather Bound Secrets

Midnight Scholar Desk

Abyss Gaze

Abyssal Bioluminescent Glow