Back to palettes

Palette

Dark Academia Ink

Deep and muted tones of burgundy and charcoal evoke the intellectual and atmospheric mood of an old library.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Dark Academia Ink 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 Ink.

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

Data visualization

#3D2C2F#5A474D#77626C#947D8C#B19AA6

Palette guide

How to use Dark Academia Ink

Overview

The Dark Academia Ink palette offers a rich and atmospheric gradient of muted burgundy-greys, perfectly capturing the intellectual and contemplative mood of an old library. It features a deep burgundy-charcoal (#3D2C2F), a warm dark grey-purple (#5A474D), a classic muted plum (#77626C), a lighter rose-grey (#947D8C), and a soft, aged rose-beige (#B19AA6). This palette is ideal for designers and developers seeking to create sophisticated, vintage-inspired, and serene digital experiences. It's excellent for literary platforms, elegant personal branding, or any project aiming for a timeless, scholarly aesthetic with a touch of warmth.

Best used for

  • Literary websites and blogs
  • Academic course platforms
  • Vintage fashion or decor e-commerce
  • Sophisticated personal portfolios
  • Digital diaries and journaling apps
  • Museum and historical society websites

Suggested color roles

primary

#3D2C2F (Burgundy-Charcoal) for main headings and foundational elements, providing gravitas and depth.

secondary

#5A474D (Dark Grey-Purple) can be used for secondary navigation or important sub-sections.

accent

#77626C (Muted Plum) for subtle highlights, interactive states, or decorative borders.

background

#B19AA6 (Aged Rose-Beige) offers a light, inviting background, reminiscent of aged paper.

text

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

Accessibility notes

  • Ensure sufficient contrast for text, especially when using #947D8C or #B19AA6 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 #B19AA6 background.

Recommended combinations

Old Manuscript

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

#3D2C2F · #5A474D · #77626C

Faded Pages

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

#B19AA6 · #947D8C · #5A474D

Velvet Cover

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

#3D2C2F · #77626C · #B19AA6

CSS variables

:root {
  --dark-academia-ink-1: #3D2C2F;
  --dark-academia-ink-2: #5A474D;
  --dark-academia-ink-3: #77626C;
  --dark-academia-ink-4: #947D8C;
  --dark-academia-ink-5: #B19AA6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dark-academia-ink": {
        1: "#3D2C2F",
        2: "#5A474D",
        3: "#77626C",
        4: "#947D8C",
        5: "#B19AA6",
      }
    }
  }
}

Related searches

dark academia burgundy palettevintage intellectual colorsscholarly muted tonesmoody rose grey themeclassic elegant ink

Palette colors

Hex values

Color 1#3D2C2F
·
Color 2#5A474D
·
Color 3#77626C
·
Color 4#947D8C
·
Color 5#B19AA6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
3.5:1AA18
5:1AA
2
1.5:1Fail
1.5:1Fail
2.3:1Fail
3.3:1AA18
3
2.3:1Fail
1.5:1Fail
1.5:1Fail
2.1:1Fail
4
3.5:1AA18
2.3:1Fail
1.5:1Fail
1.4:1Fail
5
5:1AA
3.3:1AA18
2.1:1Fail
1.4:1Fail

Similar palettes

More like Dark Academia Ink

View all dark
Scholarly Archive Tone
Dark Academia Ink
Dark Academia Realm
Gothic Library Aura
Gothic Library Veil
Leather Bound Secrets