Back to palettes

Palette

Dark Academia Quiet

Rich, muted tones inspired by old books, cozy studies, and the dark academia aesthetic.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Dark Academia Quiet reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Dark Academia Quiet.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#2C1A1E#4C333D#6D515E#8E727D#B398A0

Palette guide

How to use Dark Academia Quiet

Overview

The Dark Academia Quiet palette is a serene and sophisticated collection, perfectly capturing the hushed, contemplative atmosphere of a scholarly retreat. It features a deep, almost black burgundy (#2C1A1E), a rich dark plum (#4C333D), a muted rose-brown (#6D515E), a lighter dusty rose (#8E727D), and a soft, aged mauve (#B398A0). This palette is ideal for designers and developers seeking to create calm, vintage-inspired, and elegant digital experiences. It's excellent for literary platforms, sophisticated personal branding, or any project aiming for a timeless, quiet intellectual aesthetic.

Best used for

  • Literary journals and poetry sites
  • Meditation or mindfulness apps
  • Vintage fashion or decor e-commerce
  • Sophisticated personal portfolios
  • Digital diaries and journaling apps
  • Museum and historical society websites

Suggested color roles

primary

#2C1A1E (Deep Burgundy) for main headings and foundational elements, providing gravitas and depth.

secondary

#4C333D (Dark Plum) can be used for secondary navigation or important sub-sections.

accent

#6D515E (Rose-Brown) for subtle highlights, interactive states, or decorative borders.

background

#B398A0 (Aged Mauve) offers a soft, inviting background, reminiscent of aged paper.

text

A very dark brown (e.g., #1A1108) or black provides optimal contrast for body text on lighter backgrounds.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using #8E727D or #B398A0 for text on other light palette colors.
  • The lighter tones may not meet contrast ratios for small text; use them for larger headings or decorative elements.
  • Provide clear visual hierarchy; color alone should not indicate importance.
  • Test text legibility on different screen types, especially for #B398A0 background.

Recommended combinations

Silent Study

Ideal for creating deep, layered backgrounds or sections requiring a rich, contemplative feel.

#2C1A1E · #4C333D · #6D515E

Faded Velvet

Perfect for text-heavy content areas, evoking old manuscripts and traditional print.

#B398A0 · #8E727D · #4C333D

Evening Read

Use for strong contrasts in headers, footers, or to frame lighter content elegantly.

#2C1A1E · #6D515E · #B398A0

CSS variables

:root {
  --dark-academia-quiet-1: #2C1A1E;
  --dark-academia-quiet-2: #4C333D;
  --dark-academia-quiet-3: #6D515E;
  --dark-academia-quiet-4: #8E727D;
  --dark-academia-quiet-5: #B398A0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dark-academia-quiet": {
        1: "#2C1A1E",
        2: "#4C333D",
        3: "#6D515E",
        4: "#8E727D",
        5: "#B398A0",
      }
    }
  }
}

Related searches

dark academia muted burgundyvintage intellectual quietscholarly rose brown palettemoody plum grey themeclassic elegant study

Palette colors

Hex values

Color 1#2C1A1E
·
Color 2#4C333D
·
Color 3#6D515E
·
Color 4#8E727D
·
Color 5#B398A0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
3.8:1AA18
6.2:1AA
2
1.5:1Fail
1.6:1Fail
2.6:1Fail
4.3:1AA18
3
2.3:1Fail
1.6:1Fail
1.6:1Fail
2.6:1Fail
4
3.8:1AA18
2.6:1Fail
1.6:1Fail
1.6:1Fail
5
6.2:1AA
4.3:1AA18
2.6:1Fail
1.6:1Fail

Similar palettes

More like Dark Academia Quiet

View all dark
Ancient Tome Hues
Aged Burgundy Vault
Black Rose Bloom
Black Shard Reflection
Burnt Sugar
Coffee Bean Aroma