Dark Academia Color Palette
Parchment, tweed, cognac leather, burgundy and forest green. Dark academia is moody and bookish, like an old library at dusk.
Click any color to copy its HEX code.
Dark Academia color codes
| Name | HEX | RGB | HSL | |
|---|---|---|---|---|
| Parchment | #E6DCC6 | 230, 220, 198 | 41°, 39%, 84% | |
| Tweed | #A08C6A | 160, 140, 106 | 38°, 22%, 52% | |
| Cognac | #8A4B2A | 138, 75, 42 | 21°, 53%, 35% | |
| Burgundy | #5E1F28 | 94, 31, 40 | 351°, 50%, 25% | |
| Forest | #2F3E2E | 47, 62, 46 | 116°, 15%, 21% | |
| Ink | #1E1B1A | 30, 27, 26 | 15°, 7%, 11% |
How to use this palette
A simple way to use 6 colors without chaos is the 60-30-10 rule: about 60% of the space in the lightest shade, 30% in a supporting color and 10% in the accent. For this palette that is Parchment (#E6DCC6) as the base, Tweed (#A08C6A) as the supporting color and Cognac (#8A4B2A) as the accent, with Ink (#1E1B1A) for text and fine details.
Dark Academia
A quick preview of the palette with base, text and accent colors.
Cognac TweedWhere it works
Readable text color pairs
These combinations reach a contrast ratio of at least 4.5:1, the WCAG AA level for normal text, so they are safe for text on websites, posters and invitations.
- Ink on Parchment#1E1B1A on #E6DCC6 · 12.6:1
- Burgundy on Parchment#5E1F28 on #E6DCC6 · 9.1:1
- Forest on Parchment#2F3E2E on #E6DCC6 · 8.3:1
- Ink on Tweed#1E1B1A on #A08C6A · 5.3:1
- Cognac on Parchment#8A4B2A on #E6DCC6 · 4.9:1
CSS variables
:root {
--parchment: #E6DCC6;
--tweed: #A08C6A;
--cognac: #8A4B2A;
--burgundy: #5E1F28;
--forest: #2F3E2E;
--ink: #1E1B1A;
}