Palette

Dark Academia Study

A sophisticated array of deep, muted tones, perfect for a cozy, scholarly retreat in dark academia.

darkelegant5 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

#3B2E2F#5E4E4F#8A7F7F#2A1D1E#4A3A3B

Palette guide

How to use Dark Academia Study

Overview

The Dark Academia Study palette is a sophisticated and introspective collection, perfectly designed to capture the quiet, scholarly ambiance of a refined academic space. It features a deep burgundy-charcoal (#3B2E2F), a warm dark grey-plum (#5E4E4F), a balanced muted grey (#8A7F7F), a profound near-black brown (#2A1D1E), and a rich dark plum-brown (#4A3A3B). This palette is ideal for designers and developers seeking to create elegant, vintage-inspired, and contemplative digital experiences. It's excellent for literary platforms, sophisticated personal branding, or any project aiming for a timeless, intellectual 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

#2A1D1E (Near-Black Brown) for main headings and foundational elements, providing gravitas and depth.

secondary

#3B2E2F (Deep Burgundy-Charcoal) can be used for secondary navigation or important sub-sections.

accent

#5E4E4F (Warm Dark Grey-Plum) for subtle highlights, interactive states, or decorative borders.

background

#8A7F7F (Muted Grey) offers a soft, inviting background, providing a neutral base.

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 #8A7F7F for text on other light palette colors.
The lighter tones 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 #8A7F7F background.

Recommended combinations

Old Desk

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

#2A1D1E · #3B2E2F · #5E4E4F

Worn Pages

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

#8A7F7F · #5E4E4F · #3B2E2F

Book Spine

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

#2A1D1E · #5E4E4F · #8A7F7F

CSS variables

:root {
  --dark-academia-study-1: #3B2E2F;
  --dark-academia-study-2: #5E4E4F;
  --dark-academia-study-3: #8A7F7F;
  --dark-academia-study-4: #2A1D1E;
  --dark-academia-study-5: #4A3A3B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dark-academia-study": {
        1: "#3B2E2F",
        2: "#5E4E4F",
        3: "#8A7F7F",
        4: "#2A1D1E",
        5: "#4A3A3B",
      }
    }
  }
}

Hex values

Color 1#3B2E2F

Color 2#5E4E4F

Color 3#8A7F7F

Color 4#2A1D1E

Color 5#4A3A3B

Accessibility

Contrast checker

1.7:1Fail

3.4:1AA18

1.3:1Fail

1.2:1Fail

1.7:1Fail

2:1Fail

2.1:1Fail

1.4:1Fail

3.4:1AA18

2:1Fail

4.2:1AA18

2.8:1Fail

1.3:1Fail

2.1:1Fail

4.2:1AA18

1.5:1Fail

1.2:1Fail

1.4:1Fail

2.8:1Fail

1.5:1Fail

Similar palettes

More like Dark Academia Study

View all dark

Classic Library Hue

Dark Academia Aura

Scholarly Inkwell Depths

Academia Scholar's Quill

Amethyst Veil Mystique

Art Deco Evening