Back to palettes

Palette

Dark Academia Study

Deep, rich browns and muted creams evoke the somber, intellectual ambiance of an old university library.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2F2F2F#5C4B4B#8C6A5B#BCA89A#E0D7CD

Palette guide

How to use Dark Academia Study

Overview

The Dark Academia Study palette is a rich and evocative collection, perfectly designed to capture the intellectual and somber ambiance of an old university library. It features a deep charcoal (#2F2F2F), a warm dark brown-grey (#5C4B4B), a classic medium brown (#8C6A5B), a muted light brown (#BCA89A), and a soft, creamy beige (#E0D7CD). This palette is ideal for designers and developers seeking to create sophisticated, vintage-inspired, and contemplative digital experiences. It's excellent for academic platforms, literary websites, or any brand aiming for a timeless, scholarly aesthetic.

Best used for

  • University and academic websites
  • Literary journals and publishing
  • Vintage photography portfolios
  • E-commerce for antique goods
  • Sophisticated personal branding
  • Digital journaling applications

Suggested color roles

primary

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

secondary

#5C4B4B (Warm Dark Brown-Grey) can be used for secondary navigation or important sub-sections.

accent

#8C6A5B (Classic Medium Brown) for subtle highlights, interactive states, or decorative borders.

background

#E0D7CD (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 #BCA89A or #E0D7CD 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 #E0D7CD background.

Recommended combinations

Library Shelves

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

#2F2F2F · #5C4B4B · #8C6A5B

Aged Books

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

#E0D7CD · #BCA89A · #5C4B4B

Scholar's Den

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

#2F2F2F · #8C6A5B · #E0D7CD

CSS variables

:root {
  --dark-academia-study-2-1: #2F2F2F;
  --dark-academia-study-2-2: #5C4B4B;
  --dark-academia-study-2-3: #8C6A5B;
  --dark-academia-study-2-4: #BCA89A;
  --dark-academia-study-2-5: #E0D7CD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dark-academia-study-2": {
        1: "#2F2F2F",
        2: "#5C4B4B",
        3: "#8C6A5B",
        4: "#BCA89A",
        5: "#E0D7CD",
      }
    }
  }
}

Related searches

dark academia brown greyvintage intellectual palettescholarly muted tonesmoody antique colorsclassic elegant study

Palette colors

Hex values

Color 1#2F2F2F
·
Color 2#5C4B4B
·
Color 3#8C6A5B
·
Color 4#BCA89A
·
Color 5#E0D7CD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.8:1Fail
5.9:1AA
9.4:1AAA
2
1.6:1Fail
1.7:1Fail
3.6:1AA18
5.8:1AA
3
2.8:1Fail
1.7:1Fail
2.1:1Fail
3.4:1AA18
4
5.9:1AA
3.6:1AA18
2.1:1Fail
1.6:1Fail
5
9.4:1AAA
5.8:1AA
3.4:1AA18
1.6:1Fail

Similar palettes

More like Dark Academia Study

View all dark
Ancient Tome Hues
Gothic Tome Scrolls
Ancient Library Gloom
Dark Academia Charm
Dark Academia Quiet
Dark Academia Realm