Back to palettes

Palette

Gothic Library

Deep, scholarly reds and muted browns recall the somber elegance of an old gothic library filled with ancient tomes.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2F0B0B#4C1E1E#6A3535#8C5656#A56F6F

Palette guide

How to use Gothic Library

Overview

The "Gothic Library" palette evokes the somber elegance of an old library, featuring deep, scholarly reds and muted browns reminiscent of ancient tomes. With foundational hues like #2F0B0B and #4C1E1E, it establishes a rich, academic mood. Mid-tones such as #6A3535 and #8C5656 provide versatility for layered designs, while #A56F6F offers a softer, aged rose highlight. This palette is ideal for designers seeking a sophisticated, vintage aesthetic with a touch of warmth and historical depth. Developers can leverage these hex codes for UI elements that demand a classic, intellectual feel, perfect for educational platforms, literary blogs, or luxury brand interfaces aiming for timeless appeal.

Best used for

  • Dark academia aesthetic branding
  • Literary journal or blog design
  • Vintage-inspired luxury product promotion
  • Educational institution digital platforms
  • Historical game UI or thematic content
  • E-commerce for antique books or collectibles

Suggested color roles

primary

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

secondary

A darker, muted red-brown #4C1E1E, suitable for subheadings, prominent buttons, or detailed UI components.

accent

A warm, mid-tone rose-brown #8C5656, excellent for calls-to-action or highlighting important interactive elements.

background

A soft, aged rose tone #A56F6F, perfect for main content areas, offering a gentle, inviting canvas.

text

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

Accessibility notes

  • Ensure robust contrast when using #2F0B0B or #4C1E1E for text on #A56F6F.
  • Avoid placing #6A3535 text on #8C5656 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 Scroll

High-contrast text on a soft, aged background, with a supporting deep tone.

#2F0B0B · #A56F6F · #4C1E1E

Crimson Tome

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

#4C1E1E · #6A3535 · #8C5656

Scholarly Accent

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

#A56F6F · #8C5656 · #2F0B0B

CSS variables

:root {
  --gothic-library-1: #2F0B0B;
  --gothic-library-2: #4C1E1E;
  --gothic-library-3: #6A3535;
  --gothic-library-4: #8C5656;
  --gothic-library-5: #A56F6F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gothic-library": {
        1: "#2F0B0B",
        2: "#4C1E1E",
        3: "#6A3535",
        4: "#8C5656",
        5: "#A56F6F",
      }
    }
  }
}

Related searches

dark red brown color palettegothic library hex colorsdark academia red schemevintage scholarly aestheticmuted burgundy UI colors

Palette colors

Hex values

Color 1#2F0B0B
·
Color 2#4C1E1E
·
Color 3#6A3535
·
Color 4#8C5656
·
Color 5#A56F6F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.9:1Fail
3.1:1AA18
4.3:1AA18
2
1.3:1Fail
1.4:1Fail
2.4:1Fail
3.4:1AA18
3
1.9:1Fail
1.4:1Fail
1.6:1Fail
2.3:1Fail
4
3.1:1AA18
2.4:1Fail
1.6:1Fail
1.4:1Fail
5
4.3:1AA18
3.4:1AA18
2.3:1Fail
1.4:1Fail

Similar palettes

More like Gothic Library

View all dark