Dark Academia — 5-color palette
#2D3A3A#A47551#DBC2A0#5C3D2E#B3A580Hex codes
Hex
#2D3A3A
RGB
45, 58, 58
HSL
180°, 13%, 20%
Hex
#A47551
RGB
164, 117, 81
HSL
26°, 34%, 48%
Hex
#DBC2A0
RGB
219, 194, 160
HSL
35°, 45%, 74%
Hex
#5C3D2E
RGB
92, 61, 46
HSL
20°, 33%, 27%
Hex
#B3A580
RGB
179, 165, 128
HSL
44°, 25%, 60%
How to use this palette
The first color in Dark Academia is the dominant tone — use it for primary surfaces and backgrounds. The middle three are the supporting palette: one warm, one cool, one neutral. The last is the accent — reserve it for highlights, calls-to-action, and emphasis.
For web projects, copy the CSS variables below. For print or illustration, use the hex codes directly. If you’re designing for accessibility, check the contrast between the text and background colors before you ship.
CSS
:root {
--dark-academia-1: #2D3A3A;
--dark-academia-2: #A47551;
--dark-academia-3: #DBC2A0;
--dark-academia-4: #5C3D2E;
--dark-academia-5: #B3A580;
}