Dark Academia Color Palette

Dark academia is an aesthetic of old libraries and lecture halls: leather browns, tobacco, near-black and worn brass, all kept low in lightness. Copy the HEX codes from any scheme below, or generate a harmonious dark academia palette anchored to a base colour you pick.

Dark Academia Palette Ideas & HEX Codes

Dark Academia is the neutral version, with a nearly grey #3B2F2F in the middle. Library Browns is warmer and reaches the brass tone the look depends on, #B08D57. Moody Academia is the darkest and flattest — its lightest step, #8A7968, is only 14% saturated.

Dark Academia

#1B1512
#2E2521
#3B2F2F
#5C4033
#7A5C3E

Library Browns

#241A16
#3E2C23
#5A4632
#8B6F47
#B08D57

Moody Academia

#14110F
#2B2018
#4A3B2A
#6E5849
#8A7968

Anchored to a dark academia base — press Space or Generate to roll more schemes. Click a swatch to copy its HEX, lock one to keep it while the rest re-roll, then export as CSS, JSON or HEX.

Free, no sign-up Generated in your browser CSS, JSON & HEX export

Drag in the colour area or the hue bar, or type a HEX / RGB value, then build a scheme anchored to it.

Where the Dark Academia Palette Works

The palette is almost entirely brown, so the additions that work are the ones a library already has: brass, oxblood, ink black and aged paper. Maroon and gold are the two accents that fit without breaking the period feel, and a cream is needed somewhere for text. Book covers, editorial layouts, podcast art and moody portfolio sites use it.

Frequently Asked Questions

What HEX codes make a dark academia palette?
Dark academia palettes are built on deep, muted browns and near-blacks: a shadowy anchor (#1B1512, #241A16), mid leather browns (#5C4033, #5A4632) and a warm tan accent (#8B6F47, #B08D57). The low light, warm-neutral cast gives that old-library, candlelit feel. Above you get three ready-made versions — Dark Academia, Library Browns and Moody Academia — so you can lift a whole five-step ramp instead of assembling one. #14110F is the darkest code on the page and #B08D57 the lightest, a pairing worth 6:1, past the 4.5:1 WCAG AA minimum for body text.
What colours define the dark academia aesthetic?
Dark academia starts with deep browns and near-blacks — #1B1512, #241A16, #3E2C23 — then adds mid leather tones (#5C4033, #5A4632) and one warm brass or tan (#8B6F47, #B08D57) as the only light in the set. Nothing on this page rises above 52% lightness, which is the whole point of it. Library Browns above runs the same idea with a warmer top end, #241A16 through #B08D57, which is the set to reach for when the near-blacks are too heavy on screen.
How do I use these colours in CSS?
Click Copy CSS for a ready-to-paste :root block with each colour as a custom property (--color-1, --color-2 and so on), or copy a single HEX straight from any swatch above. On a narrow phone the generator shows four swatches instead of five, so the block you copy there carries four custom properties. Whatever the width, it rolls around #3B2F2F, the dark academia this page is seeded with, so the export stays on-hue. Copy JSON and Copy HEX give the same values as an array and as a comma-separated line.
What is the base HEX, RGB and HSL for this dark academia palette?
The base colour this page is anchored to is #3B2F2F, which is rgb(59, 47, 47) and hsl(0, 11%, 21%). A hue of 0 degrees puts it in the reds, and 21% lightness with 11% saturation makes it a dark shade. The colour picker above accepts HEX or R, G and B numbers directly, so you can type any of those in and rebuild the palette around it. The sets above are deliberately not all one hue — that is what the look is built on — but each stays inside the same lightness and saturation range as this base.

More palettes: Black palette  ·  Charcoal palette  ·  Navy Blue palette  ·  all colours

Related color tools

Color Palette Generator

Roll random harmonious palettes, or build one from any base colour.

Color tools

→

Image Color Picker

Pick exact HEX, RGB and HSL colors from any image with an eyedropper.

Color tools

→