Palette

Gothic Library Tome

Rich, deep tones reminiscent of ancient texts and the opulent silence of a gothic library.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2D0B0B#4F1E1E#6A3232#9B674C#C4A87D

Palette guide

How to use Gothic Library Tome

Overview

The "Gothic Library Tome" palette evokes the rich, deep tones of ancient texts and the opulent silence of a gothic library. With profound hues like #2D0B0B and #4F1E1E, it sets a sophisticated, vintage mood. Mid-tones such as #6A3232 and the warm #9B674C offer versatility for layered designs, while #C4A87D provides a luminous, aged parchment highlight. This palette is perfect for designers aiming to create an atmosphere of scholarly elegance and antique charm. Developers can leverage these hex codes for UI elements that require a luxurious, historical feel, from high-end e-commerce sites to immersive storytelling platforms, enhancing user engagement with its rich narrative potential.

Best used for

Vintage-inspired branding and packaging
Luxury goods websites (e.g., watches, fine spirits)
Historical fiction book covers or e-readers
Dark academia aesthetic content
Museum or gallery digital exhibits
Artisan craft e-commerce platforms

Suggested color roles

primary

A very deep, rich burgundy-brown #2D0B0B, ideal for strong headers, primary branding, or elegant background sections.

secondary

A warm, deep crimson-brown #4F1E1E, suitable for subheadings, prominent buttons, or detailed UI components.

accent

A warm, inviting russet brown #9B674C, excellent for calls-to-action or highlighting important interactive elements.

background

A soft, aged gold or parchment tone #C4A87D, perfect for main content areas, offering a luminous contrast.

text

Use this deepest shade #2D0B0B for primary body text on light backgrounds like #C4A87D for optimal readability.

Accessibility notes

Ensure robust contrast when using #2D0B0B or #4F1E1E for text on #C4A87D.
Avoid placing #6A3232 text on #9B674C backgrounds due to low contrast.
Always use a contrast checker to ensure WCAG compliance for all text and interactive elements.
For smaller text, darker shades on lighter backgrounds are crucial for legibility.

Recommended combinations

Ancient Script

High-contrast text on a warm, light background, with a supporting deep tone.

#2D0B0B · #C4A87D · #4F1E1E

Rich Binding

Layers of warm, deep reds and browns for textured backgrounds or visual hierarchy.

#4F1E1E · #6A3232 · #9B674C

Gilded Page

A light, warm base with a rich accent and a strong grounding color for elegant interfaces.

#C4A87D · #9B674C · #2D0B0B

CSS variables

:root {
  --gothic-library-tome-1: #2D0B0B;
  --gothic-library-tome-2: #4F1E1E;
  --gothic-library-tome-3: #6A3232;
  --gothic-library-tome-4: #9B674C;
  --gothic-library-tome-5: #C4A87D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gothic-library-tome": {
        1: "#2D0B0B",
        2: "#4F1E1E",
        3: "#6A3232",
        4: "#9B674C",
        5: "#C4A87D",
      }
    }
  }
}

Hex values

Color 1#2D0B0B

Color 2#4F1E1E

Color 3#6A3232

Color 4#9B674C

Color 5#C4A87D

Accessibility

Contrast checker

1.3:1Fail

1.8:1Fail

3.8:1AA18

7.9:1AAA

1.3:1Fail

1.4:1Fail

2.9:1Fail

6:1AA

1.8:1Fail

1.4:1Fail

2.1:1Fail

4.4:1AA18

3.8:1AA18

2.9:1Fail

2.1:1Fail

7.9:1AAA

6:1AA

4.4:1AA18

2.1:1Fail

Similar palettes

More like Gothic Library Tome

Gothic Library Tome

See it in context.

Ready when you are.

Built with Gothic Library Tome.

How to use Gothic Library Tome

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Ancient Script

Rich Binding

Gilded Page

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Gothic Library Tome