Back to palettes

Palette

Gothic Tome Scrolls

Deep, muted tones perfect for a quiet, introspective evening spent in an ancient, candlelit library.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Gothic Tome Scrolls 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 Gothic Tome Scrolls.

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

Data visualization

#3A2B3A#5C4D5C#7F707F#A396A3#2B1D2B

Palette guide

How to use Gothic Tome Scrolls

Overview

The Gothic Tome Scrolls palette evokes a sense of ancient elegance and quiet introspection, ideal for projects seeking a sophisticated, vintage, or dark academia aesthetic. Dominated by deep, muted purplish-browns and grays, this collection features #2B1D2B as its profound base, complemented by the rich #3A2B3A. The softer #5C4D5C and #7F707F offer gentle transitions, while the lightest #A396A3 provides a subtle highlight. Designers and developers can leverage these tones to craft immersive user interfaces, luxurious branding, or atmospheric digital experiences that feel both mysterious and inviting, reminiscent of an old, candlelit library.

Best used for

  • Dark mode user interfaces
  • Luxury brand identity
  • Vintage or historical website themes
  • Book cover designs and literary promotions
  • Elegant event invitations or stationery
  • Mysterious game environments or fantasy art

Suggested color roles

primary

#3A2B3A. A deep, rich purple-brown, perfect for main content areas, prominent headers, or key graphical elements that require a sophisticated anchor.

secondary

#5C4D5C. A softer, muted purple-gray that complements the primary hue, ideal for subheadings, secondary navigation, or background panels.

accent

#A396A3. The lightest shade, serving as a delicate highlight for interactive elements, subtle icons, or decorative flourishes to add a touch of antique luster.

background

#2B1D2B. The darkest, almost black, base color. Excellent for creating a deep, immersive canvas in dark mode UIs or as a dramatic backdrop for visual content.

text

#7F707F. A legible, mid-tone purple-gray that offers good contrast against the darker #2B1D2B or #3A2B3A backgrounds, ensuring readability without harshness.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when using #7F707F or #A396A3 on darker shades like #2B1D2B or #3A2B3A.
  • Avoid using #5C4D5C or #7F707F for small text against similarly toned backgrounds; consider using #A396A3 for better visibility.
  • Test all text and interactive elements with WCAG 2.1 AA guidelines, particularly for contrast ratios on dark themes.
  • Use larger font sizes for important information when applying mid-tone colors like #7F707F to enhance readability in low-light environments.

Recommended combinations

Deep Contrast

Ideal for high-contrast dark mode interfaces where #2B1D2B forms the background, #A396A3 is for primary text, and #3A2B3A highlights accents.

#2B1D2B · #A396A3 · #3A2B3A

Muted Harmony

Creates a subtle, layered effect suitable for secondary content blocks, elegant infographics, or sophisticated vintage branding elements.

#3A2B3A · #5C4D5C · #7F707F

Soft Glow

Excellent for a dark background with readable text and a gentle, luminous accent, perfect for atmospheric digital art or elegant web headers.

#2B1D2B · #7F707F · #A396A3

CSS variables

:root {
  --gothic-tome-scrolls-1: #3A2B3A;
  --gothic-tome-scrolls-2: #5C4D5C;
  --gothic-tome-scrolls-3: #7F707F;
  --gothic-tome-scrolls-4: #A396A3;
  --gothic-tome-scrolls-5: #2B1D2B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gothic-tome-scrolls": {
        1: "#3A2B3A",
        2: "#5C4D5C",
        3: "#7F707F",
        4: "#A396A3",
        5: "#2B1D2B",
      }
    }
  }
}

Related searches

gothic color schemedark academia palettevintage library colorselegant dark uimuted purple gray palette

Palette colors

Hex values

Color 1#3A2B3A
·
Color 2#5C4D5C
·
Color 3#7F707F
·
Color 4#A396A3
·
Color 5#2B1D2B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.9:1Fail
4.7:1AA
1.2:1Fail
2
1.7:1Fail
1.7:1Fail
2.8:1Fail
2:1Fail
3
2.9:1Fail
1.7:1Fail
1.6:1Fail
3.4:1AA18
4
4.7:1AA
2.8:1Fail
1.6:1Fail
5.7:1AA
5
1.2:1Fail
2:1Fail
3.4:1AA18
5.7:1AA

Similar palettes

More like Gothic Tome Scrolls

View all dark
Gothic Library Dust
Gothic Library Quiet
Gothic Library Study
Midnight Library Tome
Ancient Tome Hues
Black Rose Bloom