Back to palettes

Palette

Dark Academia Journal

Muted browns and antique creams reflecting old books, worn leather, and candlelit study sessions.

neutralretro5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#3A2F2B#6B5A51#A08C82#D1C2BA#EAE3DD

Palette guide

How to use Dark Academia Journal

Overview

The Dark Academia Journal palette is a warm and inviting collection, perfectly reflecting the cozy atmosphere of candlelit study sessions and worn leather-bound books. It features a deep, earthy brown (#3A2F2B), a rich medium brown (#6B5A51), a soft taupe (#A08C82), a light antique cream (#D1C2BA), and a very pale ivory (#EAE3DD). This palette is ideal for designers and developers seeking to create comforting, vintage-inspired, and highly legible digital experiences. It's excellent for personal blogs, journaling apps, or any brand aiming for a warm, intellectual, and nostalgic aesthetic.

Best used for

  • Personal blogs and writing platforms
  • Digital journaling and note-taking apps
  • Vintage and antique e-commerce stores
  • Educational content websites
  • Coffee shop or bookstore branding
  • Cozy lifestyle and decor sites

Suggested color roles

primary

#3A2F2B (Deep Brown) for main headings and foundational elements, providing a strong, grounded feel.

secondary

#6B5A51 (Medium Brown) can be used for secondary navigation or important sub-sections.

accent

#A08C82 (Soft Taupe) for subtle highlights, interactive states, or decorative borders.

background

#EAE3DD (Pale Ivory) offers a warm, inviting background, reminiscent of aged paper.

text

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

Accessibility notes

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

Recommended combinations

Leather Cover

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

#3A2F2B · #6B5A51 · #A08C82

Journal Page

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

#EAE3DD · #D1C2BA · #6B5A51

Candlelit Study

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

#3A2F2B · #A08C82 · #EAE3DD

CSS variables

:root {
  --dark-academia-journal-1: #3A2F2B;
  --dark-academia-journal-2: #6B5A51;
  --dark-academia-journal-3: #A08C82;
  --dark-academia-journal-4: #D1C2BA;
  --dark-academia-journal-5: #EAE3DD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dark-academia-journal": {
        1: "#3A2F2B",
        2: "#6B5A51",
        3: "#A08C82",
        4: "#D1C2BA",
        5: "#EAE3DD",
      }
    }
  }
}

Related searches

dark academia journal colorsvintage paper palettecozy intellectual aestheticmuted brown cream schemeclassic study tones

Palette colors

Hex values

Color 1#3A2F2B
·
Color 2#6B5A51
·
Color 3#A08C82
·
Color 4#D1C2BA
·
Color 5#EAE3DD
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
4.1:1AA18
7.5:1AAA
10.2:1AAA
2
2:1Fail
2:1Fail
3.8:1AA18
5.2:1AA
3
4.1:1AA18
2:1Fail
1.8:1Fail
2.5:1Fail
4
7.5:1AAA
3.8:1AA18
1.8:1Fail
1.4:1Fail
5
10.2:1AAA
5.2:1AA
2.5:1Fail
1.4:1Fail

Similar palettes

More like Dark Academia Journal

View all neutral
Vintage Newsprint Hues
Aged Herbarium Scroll
Aged Papyrus Script
Aged Papyrus Texture
Aged Parchment
Aged Parchment Script