Palette

Dark Academia Ink

Deep, scholarly purples and blues conjure the intellectual, mysterious ambiance of a dark academic 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

#1A1A2E#3E2F5B#5D3A7C#8A4BA1#B86BC6

Palette guide

How to use Dark Academia Ink

Overview

The Dark Academia Ink palette offers a rich and enigmatic gradient of purples and deep blues, perfectly capturing the mysterious and intellectual ambiance of a scholarly retreat. It features a deep blue-black (#1A1A2E), a dark indigo (#3E2F5B), a rich plum (#5D3A7C), a vibrant medium purple (#8A4BA1), and a soft lavender-purple (#B86BC6). This palette is ideal for designers and developers seeking to create sophisticated, moody, and intriguing digital experiences. It's excellent for creative academic platforms, fantasy-themed narratives, or any brand aiming for a unique blend of elegance and mystery.

Best used for

Mysterious digital narratives
Fantasy or magic-themed games
Creative academic platforms
Luxury event branding
Art and design portfolios
Sophisticated app interfaces

Suggested color roles

primary

#1A1A2E (Deep Blue-Black) for main headings and foundational elements, providing a strong, mysterious base.

secondary

#3E2F5B (Dark Indigo) can be used for secondary navigation or important sub-sections.

accent

#8A4BA1 (Medium Purple) for subtle highlights, interactive states, or decorative borders, adding vibrancy.

background

#B86BC6 (Lavender-Purple) offers a soft, atmospheric background, enhancing depth.

text

White (#FFFFFF) or a very light grey provides optimal contrast for body text on darker backgrounds.

Accessibility notes

Ensure sufficient contrast for text, especially when using #8A4BA1 or #B86BC6 for text on other light palette colors.
The lighter purples 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 #B86BC6 background.

Recommended combinations

Enigmatic Depths

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

#1A1A2E · #3E2F5B · #5D3A7C

Ancient Scroll

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

#B86BC6 · #8A4BA1 · #3E2F5B

Royal Ink

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

#1A1A2E · #5D3A7C · #B86BC6

CSS variables

:root {
  --dark-academia-ink-3-1: #1A1A2E;
  --dark-academia-ink-3-2: #3E2F5B;
  --dark-academia-ink-3-3: #5D3A7C;
  --dark-academia-ink-3-4: #8A4BA1;
  --dark-academia-ink-3-5: #B86BC6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dark-academia-ink-3": {
        1: "#1A1A2E",
        2: "#3E2F5B",
        3: "#5D3A7C",
        4: "#8A4BA1",
        5: "#B86BC6",
      }
    }
  }
}

Hex values

Color 1#1A1A2E

Color 2#3E2F5B

Color 3#5D3A7C

Color 4#8A4BA1

Color 5#B86BC6

Accessibility

Contrast checker

1.4:1Fail

1.9:1Fail

2.9:1Fail

4.8:1AA

1.4:1Fail

1.3:1Fail

2:1Fail

3.4:1AA18

1.9:1Fail

1.3:1Fail

1.5:1Fail

2.5:1Fail

2.9:1Fail

2:1Fail

1.5:1Fail

1.7:1Fail

4.8:1AA

3.4:1AA18

2.5:1Fail

1.7:1Fail

Similar palettes

More like Dark Academia Ink

Gothic Nightshade Bloom

Midnight Blooms

Midnight Forest Whisper