Dark Academia is a 5-colour dark, brown palette combining Onyx, Espresso, Coffee, Camel and Sand. It works especially well for dark-mode interfaces and dramatic, premium visuals, and for heritage branding, editorial layouts and film-inspired photography. Because the colours share a similar hue, the palette feels cohesive — use contrast in lightness to create hierarchy.
Colour codes
Export palette
:root {
--onyx: #1e1a17;
--espresso: #3d2f26;
--coffee: #6b5038;
--camel: #a68a64;
--sand: #dcc8a4;
}Contrast & accessibility
WCAG contrast for each colour pairing. Use AA or AAA pairs for body text.
Aa
10.57:1AAA
Aa
7.86:1AAA
Aa
5.30:1AA
Aa
4.54:1AA
Aa
3.94:1AA Large
Aa
2.33:1Fail
Aa
2.28:1Fail
Aa
1.99:1Fail
Aa
1.73:1Fail
Aa
1.34:1Fail