Back to palettes

Palette

Dark Academia Aura

Deep, intellectual browns and muted grays, embodying the sophisticated charm of old libraries.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#3E2723#5D4037#795548#A1887F#BFAC9B

Palette guide

How to use Dark Academia Aura

Overview

The Dark Academia Aura palette is a sophisticated and intellectual collection, perfectly embodying the refined charm of old libraries and scholarly pursuits. It features a deep, rich dark brown (#3E2723), a warm medium brown (#5D4037), a classic tan (#795548), a muted rose-brown (#A1887F), and a soft, aged beige (#BFAC9B). This palette is ideal for designers and developers creating websites, applications, or branding that requires a sense of history, elegance, and quiet contemplation. It's excellent for academic platforms, vintage-inspired e-commerce, or sophisticated content hubs.

Best used for

  • Academic institution websites
  • Literary blogs and publishing
  • Vintage photography portfolios
  • E-commerce for antique goods
  • Sophisticated personal branding
  • Digital journaling applications

Suggested color roles

primary

#3E2723 (Dark Brown) for main headings, navigation, or strong foundational elements, conveying depth.

secondary

#5D4037 (Medium Brown) can be used for secondary information or prominent UI components.

accent

#A1887F (Rose-Brown) for subtle highlights, borders, or interactive states, adding warmth.

background

#BFAC9B (Aged Beige) offers a light, parchment-like background, enhancing readability.

text

A deep charcoal or black (e.g., #222222) provides optimal contrast for body text, especially on lighter backgrounds.

Accessibility notes

  • Ensure sufficient contrast when using #A1887F or #BFAC9B for text on other light palette colors.
  • The lighter browns may struggle to meet contrast ratios for small text, so 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 #BFAC9B background.

Recommended combinations

Scholarly Depth

Ideal for creating rich, layered backgrounds or deep, contemplative sections.

#3E2723 · #5D4037 · #795548

Aged Paper

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

#BFAC9B · #A1887F · #5D4037

Classic Binding

Use for headers, footers, or striking visual dividers that frame content elegantly.

#3E2723 · #A1887F · #BFAC9B

CSS variables

:root {
  --dark-academia-aura-1: #3E2723;
  --dark-academia-aura-2: #5D4037;
  --dark-academia-aura-3: #795548;
  --dark-academia-aura-4: #A1887F;
  --dark-academia-aura-5: #BFAC9B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dark-academia-aura": {
        1: "#3E2723",
        2: "#5D4037",
        3: "#795548",
        4: "#A1887F",
        5: "#BFAC9B",
      }
    }
  }
}

Related searches

dark academia color schemevintage brown paletteintellectual design colorsclassic library aestheticmuted earthy tones

Palette colors

Hex values

Color 1#3E2723
·
Color 2#5D4037
·
Color 3#795548
·
Color 4#A1887F
·
Color 5#BFAC9B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.1:1Fail
4.2:1AA18
6.3:1AA
2
1.5:1Fail
1.4:1Fail
2.8:1Fail
4.3:1AA18
3
2.1:1Fail
1.4:1Fail
2:1Fail
3:1Fail
4
4.2:1AA18
2.8:1Fail
2:1Fail
1.5:1Fail
5
6.3:1AA
4.3:1AA18
3:1Fail
1.5:1Fail

Similar palettes

More like Dark Academia Aura

View all dark
Scholarly Inkwell Depths
Library Velvet Aura
Art Deco Midnight
Art Deco Speakeasy
Classic Library Hue
Crimson Velvet Theatre