Mood & theme · 2015–present
Dark Academia
The candlelit library: aged parchment, deep wood tones, black ink, classical architecture, and the romance of serious intellectual pursuit.
Live preview base style — press Wear
$2,100
Revenue, up 12% from last month.
| Customer | Plan | Status | MRR |
|---|---|---|---|
| Northwind | Studio | Active | $1,240 |
| Acme Labs | Team | Trial | $0 |
| Kaldi Coffee | Studio | Active | $860 |
Use this style 16 tokens
- --bg
oklch(15% 0.028 38) - --fg
oklch(88% 0.022 78) - --muted
oklch(62% 0.022 65) - --surface
oklch(20% 0.03 34) - --surface-2
oklch(26% 0.032 30) - --border
oklch(35% 0.028 34) - --accent
oklch(44% 0.2 16) - --accent-fg
oklch(96% 0.012 78) - --focus
oklch(58% 0.18 22)
| Token | Value |
|---|---|
| --font-body | 'EB Garamond', Georgia, 'Times New Roman', serif |
| --font-display | 'EB Garamond', Georgia, serif |
| --font-mono | ui-monospace, 'SFMono-Regular', monospace |
| --radius | 2px |
| --radius-sm | 1px |
| --shadow | 0 2px 8px oklch(5% 0.01 30 / 0.55) |
| --shadow-lg | 0 14px 44px -4px oklch(3% 0.01 30 / 0.78) |
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&display=swap');
:root {
--bg: oklch(15% 0.028 38);
--fg: oklch(88% 0.022 78);
--muted: oklch(62% 0.022 65);
--surface: oklch(20% 0.03 34);
--surface-2: oklch(26% 0.032 30);
--border: oklch(35% 0.028 34);
--accent: oklch(44% 0.2 16);
--accent-fg: oklch(96% 0.012 78);
--focus: oklch(58% 0.18 22);
--font-body: 'EB Garamond', Georgia, 'Times New Roman', serif;
--font-display: 'EB Garamond', Georgia, serif;
--font-mono: ui-monospace, 'SFMono-Regular', monospace;
--radius: 2px;
--radius-sm: 1px;
--shadow: 0 2px 8px oklch(5% 0.01 30 / 0.55);
--shadow-lg: 0 14px 44px -4px oklch(3% 0.01 30 / 0.78);
}Where it came from
Origin: Tumblr aesthetic communities; Gothic literature; Oxbridge visual culture
Dark academia emerged from Tumblr communities in the mid-2010s, drawing on the visual culture of Gothic fiction, classical universities, and 19th-century European scholarship. The palette — dark wood, parchment, deep burgundy — and the typography — heavy serif, inkwell black — suggest a world where ideas are pursued with beautiful, slightly ominous seriousness. In UI it appears in literary, editorial, and academic-adjacent products.
How to spot it
- Deep, warm darks: near-black brown, dark burgundy or forest green
- Parchment and aged-paper surface tones
- Heavy serif typography for headings
- Decorative rules and ornamental details evoking printed books
Trade-offs
| Strengths | Weaknesses |
|---|---|
| Strong, distinctive emotional world — immediately legible as a brand mood | Narrow fit — wrong outside education, books, or cultural content |
| Pairs well with editorial and literary content | Dark backgrounds plus serif type needs careful contrast management |
| Dark palette reduces eye strain for reading-heavy products | Can feel exclusionary if the academic register is too strong |
In the wild
- Literary journal and book publisher digital presences
- University course and reading-list platforms
- History, philosophy, and humanities educational tools
Use it when
The product is about knowledge, literature, or culture, and the audience expects intellectual seriousness.