Back to palettes

Palette

Gothic Study Relic

Deep, muted browns and charcoals, evoking old books and a quiet, scholarly atmosphere.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#36454F#5A5A5A#6B4423#8B4513#2F2F2F

Palette guide

How to use Gothic Study Relic

Overview

The "Gothic Study Relic" palette evokes a sophisticated, scholarly atmosphere, drawing on deep, muted browns and charcoals reminiscent of antique libraries and aged leather. This elegant collection features a rich spectrum from the near-black #2F2F2F and deep charcoal #36454F to a versatile medium grey #5A5A5A. Complementing these are the warm, earthy tones of muted brown #6B4423 and a richer, more vibrant terracotta-brown #8B4513. Designers and developers can leverage this palette to craft experiences that exude history, gravitas, and quiet luxury, perfect for projects requiring a refined, introspective mood. Its dark, contemplative nature provides a strong foundation for elegant visual narratives.

Best used for

  • Luxury brand websites and packaging
  • Literary or historical content platforms
  • Museum exhibit design and digital archives
  • Upscale interior design concepts (e.g., study, library)
  • Vintage-themed e-commerce stores
  • Elegant publishing layouts and book covers

Suggested color roles

primary

Use #36454F (Dark Charcoal Grey) as a robust, foundational color for main sections, headers, or large background areas where depth is desired.

secondary

Employ #5A5A5A (Medium Grey) for supporting content blocks, secondary navigation, or as a subtle contrast against darker primaries.

accent

Apply #8B4513 (Rich Terracotta-Brown) sparingly for call-to-action buttons, key highlights, or decorative elements to introduce warmth and visual interest.

background

Utilize #2F2F2F (Very Dark Grey) to provide a deep, immersive canvas for a truly dark mode experience, making lighter text and elements pop with sophistication.

text

For general body text, a light color like off-white or light grey (e.g., #F0F0F0) is essential on these dark backgrounds. For headings or larger type, #5A5A5A can offer a subtle, elegant contrast against #2F2F2F or #36454F, but ensure readability.

Accessibility notes

  • Ensure sufficient contrast for all text against backgrounds, especially for smaller font sizes, often requiring light text on these dark hues.
  • Avoid using #2F2F2F or #36454F for text on backgrounds like #5A5A5A as contrast will be insufficient.
  • Interactive elements (buttons, links) should have clear visual states and meet WCAG contrast guidelines.
  • Consider larger font sizes for low-contrast elements to aid readability for users with visual impairments.

Recommended combinations

Scholarly Depth

A sophisticated base for dark mode interfaces, using the deepest grey as background, charcoal for elements, and the rich brown for accents.

#2F2F2F · #36454F · #8B4513

Vintage Elegance

Combines medium grey with muted brown for a softer, historic feel, grounded by the dark charcoal for text or borders.

#5A5A5A · #6B4423 · #36454F

Muted Warmth

Utilizes dark charcoal as a primary, with the vibrant brown for warmth, and the medium grey for subtle supporting elements or iconography.

#36454F · #8B4513 · #5A5A5A

CSS variables

:root {
  --gothic-study-relic-1: #36454F;
  --gothic-study-relic-2: #5A5A5A;
  --gothic-study-relic-3: #6B4423;
  --gothic-study-relic-4: #8B4513;
  --gothic-study-relic-5: #2F2F2F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gothic-study-relic": {
        1: "#36454F",
        2: "#5A5A5A",
        3: "#6B4423",
        4: "#8B4513",
        5: "#2F2F2F",
      }
    }
  }
}

Related searches

gothic color schemesdark academia palettevintage brown grey colorssophisticated charcoal brownhistoric color inspiration

Palette colors

Hex values

Color 1#36454F
·
Color 2#5A5A5A
·
Color 3#6B4423
·
Color 4#8B4513
·
Color 5#2F2F2F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.2:1Fail
1.4:1Fail
1.4:1Fail
2
1.4:1Fail
1.2:1Fail
1:1Fail
1.9:1Fail
3
1.2:1Fail
1.2:1Fail
1.2:1Fail
1.6:1Fail
4
1.4:1Fail
1:1Fail
1.2:1Fail
1.9:1Fail
5
1.4:1Fail
1.9:1Fail
1.6:1Fail
1.9:1Fail

Similar palettes

More like Gothic Study Relic

View all dark
Smoky Jazz Evening
Ancient Tome Hues
Dark Academia Quiet
Dark Academia Realm
Dark Academia Study
Gothic Manor Stone