Back to palettes

Palette

Gothic Library Study

Evokes the quiet, intellectual atmosphere of an old Gothic library, with deep shadows and dust-filled light.

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

#2A2A2A#4C4C4C#6E6E6E#9B9B9B#C3C3C3

Palette guide

How to use Gothic Library Study

Overview

The "Gothic Library Study" palette presents a classic grayscale spectrum, perfect for evoking a quiet, intellectual atmosphere with deep shadows and subtle light. Ranging from the profound #2A2A2A to the airy #C3C3C3, this palette provides a versatile foundation for any design requiring elegance, solemnity, and clarity. Mid-tones like #4C4C4C, #6E6E6E, and #9B9B9B ensure smooth transitions and effective visual hierarchy. Designers can utilize these hex codes to craft sophisticated, minimalist interfaces or robust branding that communicates professionalism and timelessness. Developers will find this palette excellent for creating clean, readable UIs, particularly for content-heavy applications, documentation, or academic platforms.

Best used for

  • Professional corporate websites
  • Academic publishing platforms
  • Minimalist UI/UX design
  • Photography portfolios
  • Dark mode theme options
  • Document management systems

Suggested color roles

primary

A very dark gray #2A2A2A, almost black, ideal for strong headers, navigation bars, or grounding elements.

secondary

A deep charcoal gray #4C4C4C, suitable for subheadings, active states, or important UI components.

accent

A lighter, neutral gray #9B9B9B that can highlight interactive elements or provide subtle visual breaks.

background

A soft, light gray #C3C3C3, excellent for main content areas, offering a crisp, readable canvas.

text

Use this darkest gray #2A2A2A for primary body text on light backgrounds like #C3C3C3 for optimal readability.

Accessibility notes

  • Ensure sufficient contrast for text using #2A2A2A or #4C4C4C on #C3C3C3 backgrounds.
  • Avoid using #6E6E6E text on #9B9B9B backgrounds due to potential low contrast.
  • Always check WCAG contrast ratios for all text and interactive elements.
  • For smaller text, favor darker grays on lighter backgrounds to maintain legibility.

Recommended combinations

Shadow & Light

Strong contrast for text and background, with a supporting dark tone.

#2A2A2A · #C3C3C3 · #4C4C4C

Muted Depth

Layers of grays for subtle visual hierarchy in content blocks or UI sections.

#4C4C4C · #6E6E6E · #9B9B9B

Clean Accent

A light base with a gentle accent and a strong grounding color for modern interfaces.

#C3C3C3 · #9B9B9B · #2A2A2A

CSS variables

:root {
  --gothic-library-study-1: #2A2A2A;
  --gothic-library-study-2: #4C4C4C;
  --gothic-library-study-3: #6E6E6E;
  --gothic-library-study-4: #9B9B9B;
  --gothic-library-study-5: #C3C3C3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gothic-library-study": {
        1: "#2A2A2A",
        2: "#4C4C4C",
        3: "#6E6E6E",
        4: "#9B9B9B",
        5: "#C3C3C3",
      }
    }
  }
}

Related searches

dark gray color paletteacademia grayscale thememonochrome UI colorsgothic library hex codesprofessional gray scheme

Palette colors

Hex values

Color 1#2A2A2A
·
Color 2#4C4C4C
·
Color 3#6E6E6E
·
Color 4#9B9B9B
·
Color 5#C3C3C3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.8:1Fail
5.2:1AA
8.1:1AAA
2
1.7:1Fail
1.7:1Fail
3.1:1AA18
4.9:1AA
3
2.8:1Fail
1.7:1Fail
1.8:1Fail
2.9:1Fail
4
5.2:1AA
3.1:1AA18
1.8:1Fail
1.6:1Fail
5
8.1:1AAA
4.9:1AA
2.9:1Fail
1.6:1Fail

Similar palettes

More like Gothic Library Study

View all dark
Gothic Library Dust
Cathedral Shadow Grey
Dark Academia Ink
Enigma Quill Ink
Gothic Cathedral Stone
Gothic Chapel Stone