Back to palettes

Palette

Gothic Library Study

A sophisticated palette inspired by aged leather, dark wood, and the quiet reverence 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 Study 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 Study.

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

Data visualization

#1F1C1C#3B3C3C#5A5A5A#7C848C#B0A69D

Palette guide

How to use Gothic Library Study

Overview

The "Gothic Library Study" palette offers a sophisticated blend of deep, muted tones, reminiscent of aged leather and dark wood found in a classic study. Featuring robust grays like #1F1C1C and #3B3C3C, it establishes a strong, elegant foundation. Mid-tones such as #5A5A5A and #7C848C provide versatility for content, while the unique #B0A69D introduces a touch of warm, aged parchment or stone. This palette is ideal for designers seeking a refined, slightly brooding aesthetic with a timeless appeal. Developers can leverage these hex codes for creating interfaces that exude maturity and quiet authority, perfect for luxury brands, historical content, or sophisticated digital publications.

Best used for

  • Luxury brand websites and apps
  • Historical game or film promotional materials
  • Elegant editorial design
  • High-end furniture or antique store branding
  • Academic institution digital platforms
  • Sophisticated personal portfolios

Suggested color roles

primary

A very deep, almost black gray #1F1C1C, excellent for primary branding, navigation, or strong background sections.

secondary

A rich, dark gray #3B3C3C suitable for subheadings, prominent buttons, or secondary content blocks.

accent

A cool, muted gray #7C848C that can highlight interactive elements or provide subtle visual interest.

background

A warm, earthy light gray #B0A69D, ideal for main content areas, offering a soft, inviting canvas.

text

Use this darkest gray #1F1C1C for primary body text on light backgrounds like #B0A69D for excellent readability.

Accessibility notes

  • Ensure high contrast when using #1F1C1C or #3B3C3C for text on #B0A69D.
  • Avoid using #5A5A5A text on #7C848C backgrounds due to insufficient contrast.
  • Always verify WCAG contrast ratios for all text and interactive elements.
  • Consider increasing font size or weight for lighter text colors on mid-tone backgrounds.

Recommended combinations

Aged Parchment

A light, warm background with strong dark text and supporting elements.

#B0A69D · #1F1C1C · #3B3C3C

Stone & Shadow

Layers of cool grays for subtle depth in UI elements or background textures.

#3B3C3C · #5A5A5A · #7C848C

Refined Contrast

Deep grounding color, soft accent, and warm background for a sophisticated look.

#1F1C1C · #7C848C · #B0A69D

CSS variables

:root {
  --gothic-library-study-4-1: #1F1C1C;
  --gothic-library-study-4-2: #3B3C3C;
  --gothic-library-study-4-3: #5A5A5A;
  --gothic-library-study-4-4: #7C848C;
  --gothic-library-study-4-5: #B0A69D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gothic-library-study-4": {
        1: "#1F1C1C",
        2: "#3B3C3C",
        3: "#5A5A5A",
        4: "#7C848C",
        5: "#B0A69D",
      }
    }
  }
}

Related searches

dark neutral color paletteaged leather color schemegothic gray and brownmoody classic colorssophisticated grayscale hex

Palette colors

Hex values

Color 1#1F1C1C
·
Color 2#3B3C3C
·
Color 3#5A5A5A
·
Color 4#7C848C
·
Color 5#B0A69D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.5:1Fail
4.5:1AA18
7.1:1AAA
2
1.5:1Fail
1.6:1Fail
2.9:1Fail
4.6:1AA
3
2.5:1Fail
1.6:1Fail
1.8:1Fail
2.9:1Fail
4
4.5:1AA18
2.9:1Fail
1.8:1Fail
1.6:1Fail
5
7.1:1AAA
4.6:1AA
2.9:1Fail
1.6:1Fail

Similar palettes

More like Gothic Library Study

View all dark