Palette

Dark Academia Study

Rich, somber tones evoking leather-bound books, aged wood, and the quiet intensity of an intellectual's study.

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

#2F1E0C#4D3D20#694C2B#8B694F#B38F6D

Palette guide

How to use Dark Academia Study

Overview

The Dark Academia Study palette is a deep and resonant collection, perfectly evoking the quiet intensity of an intellectual's study filled with leather-bound books and aged wood. It features a profound dark brown (#2F1E0C), a rich, warm brown (#4D3D20), a classic mid-brown (#694C2B), a lighter antique brown (#8B694F), and a soft, aged tan (#B38F6D). 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

#2F1E0C (Profound Dark Brown) for main headings and foundational elements, providing gravitas and depth.

secondary

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

accent

#694C2B (Classic Mid-Brown) for subtle highlights, interactive states, or decorative borders.

background

#B38F6D (Aged Tan) offers a soft, 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 #8B694F or #B38F6D 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 #B38F6D background.

Recommended combinations

Old Wood

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

#2F1E0C · #4D3D20 · #694C2B

Aged Leather

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

#B38F6D · #8B694F · #4D3D20

Study Lamp

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

#2F1E0C · #694C2B · #B38F6D

CSS variables

:root {
  --dark-academia-study-3-1: #2F1E0C;
  --dark-academia-study-3-2: #4D3D20;
  --dark-academia-study-3-3: #694C2B;
  --dark-academia-study-3-4: #8B694F;
  --dark-academia-study-3-5: #B38F6D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dark-academia-study-3": {
        1: "#2F1E0C",
        2: "#4D3D20",
        3: "#694C2B",
        4: "#8B694F",
        5: "#B38F6D",
      }
    }
  }
}

Hex values

Color 1#2F1E0C

Color 2#4D3D20

Color 3#694C2B

Color 4#8B694F

Color 5#B38F6D

Accessibility

Contrast checker

1.5:1Fail

2:1Fail

3.2:1AA18

5.4:1AA

1.5:1Fail

1.3:1Fail

2.1:1Fail

3.5:1AA18

2:1Fail

1.3:1Fail

1.6:1Fail

2.6:1Fail

3.2:1AA18

2.1:1Fail

1.6:1Fail

1.7:1Fail

5.4:1AA

3.5:1AA18

2.6:1Fail

1.7:1Fail

Similar palettes

More like Dark Academia Study

Scholarly Inkwell Depths

Art Deco Glamour

Classic Library Hue