ع

Dark Academia Study

Leather, walnut and brass for moody libraries.

≈ Soft Black
≈ Bistre
≈ Bark
≈ Hazelnut
≈ Ecru

Color codes

HEXRGBHSLCMYK
hsl(33, 17%, 10%)cmyk(0%, 13%, 29%, 88%)
hsl(27, 23%, 19%)cmyk(0%, 20%, 37%, 77%)
hsl(30, 29%, 27%)cmyk(0%, 22%, 44%, 65%)
hsl(32, 33%, 41%)cmyk(0%, 23%, 49%, 46%)
hsl(38, 37%, 66%)cmyk(0%, 11%, 31%, 21%)

CSS

:root {
  --dark-academia-study-1: #1F1B16;
  --dark-academia-study-2: #3B2F25;
  --dark-academia-study-3: #5A4632;
  --dark-academia-study-4: #8A6A46;
  --dark-academia-study-5: #C9B28A;
}

How these colors work together

This is a monochromatic palette built around a single hue. Overall it reads warm. Lightness spans 56 points, which sets how much contrast you can create.

2 of 10 color pairs reach the 4.5:1 contrast needed for normal text. The most readable pair is ⁦#1F1B16⁩ on ⁦#C9B28A⁩ (8.33:1).

Dark Academia Study — readable text using the best pair.

Suggested applications

  • Walls, textiles and furniture schemes.
  • Interface themes: use the lightest color for backgrounds and the darkest for text.
  • Brand kits, social graphics and presentations.

#dark#walnut#library

Check accessibility Simulate color blindness CSS variables

Frequently asked questions

How do I use the Dark Academia Study palette?
The Dark Academia Study palette has 5 colors. Use one dominant color for large areas, a supporting color for secondary elements and the most saturated color sparingly as an accent.
Which colors in this palette are best for text?
Use ⁦#1F1B16⁩ on ⁦#C9B28A⁩: it has a contrast ratio of 8.33:1.
Can I download this palette?
Yes. Export it as PNG, SVG, CSS variables, JSON or plain text with the buttons above the color table.

More palettes

Japandi#F1EDE6 #D6CBBD #A89A86 #5F574B #2F2C28Mediterranean Villa#F7F1E5 #E3C9A1 #C86B3C #3E7C8A #20434DCoastal Living#FFFFFF #E8F1F2 #A7C7CB #4F7D87 #D9C4A5Bold Primary#FF595E #FFCA3A #8AC926 #1982C4 #6A4C93Old Map#F4E9CD #C9B37E #8C7851 #5A4A32 #2F4858Calm Wellness#F6F1EB #E3D5CA #A3B18A #588157 #344E41