Back to palettes

Palette

Gothic Library Study

A grayscale spectrum capturing the somber, intellectual atmosphere of an old Gothic library.

monochromedark5 colors
More monochrome 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

#C0C5C7#9DA6AB#7D888D#606D71#4A5458

Palette guide

How to use Gothic Library Study

Overview

The "Gothic Library Study" monochrome palette offers a refined grayscale spectrum, ideal for designs requiring sophistication, clarity, and a subtle somber mood. Ranging from the light #C0C5C7 to the deep #4A5458, these colors provide excellent foundational tones for architectural, minimalist, or content-heavy interfaces. #9DA6AB and #7D888D serve as versatile mid-tones, ensuring smooth transitions and visual hierarchy. This palette is perfect for designers aiming for a timeless, intellectual aesthetic without the distraction of vibrant hues. Developers can implement these hex codes for clean, professional UIs, where emphasis is placed on structure and readability, such as documentation sites or elegant portfolios.

Best used for

  • Minimalist website and app design
  • Architectural portfolio presentation
  • Technical documentation interfaces
  • High-end fashion or luxury brand collateral
  • Photography exhibition websites
  • Academic journals or e-books

Suggested color roles

primary

The darkest shade #4A5458, excellent for strong headers, primary navigation, or grounding elements.

secondary

A deep, cool gray #606D71 suitable for subheadings, active states, or important UI components.

accent

A balanced mid-gray #9DA6AB that can highlight interactive elements or provide subtle visual breaks.

background

A light, airy gray #C0C5C7, perfect for main content areas, offering a clean, readable canvas.

text

Use this dark gray #4A5458 for primary body text on light backgrounds like #C0C5C7 for optimal readability and a soft contrast.

Accessibility notes

  • Ensure sufficient contrast for text using #4A5458 or #606D71 on #C0C5C7 backgrounds.
  • Be cautious with #9DA6AB text on #7D888D backgrounds, as contrast may be low.
  • Utilize contrast checking tools for all text and interactive elements to meet WCAG standards.
  • Consider using a slightly darker gray like #4A5458 for small text on light backgrounds.

Recommended combinations

Classic Contrast

High-contrast text on a light background, with a supporting dark element.

#4A5458 · #C0C5C7 · #606D71

Layered Grays

Creating depth and hierarchy through subtle tonal shifts in backgrounds or sections.

#606D71 · #7D888D · #9DA6AB

Soft Highlight

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

#C0C5C7 · #9DA6AB · #4A5458

CSS variables

:root {
  --gothic-library-study-3-1: #C0C5C7;
  --gothic-library-study-3-2: #9DA6AB;
  --gothic-library-study-3-3: #7D888D;
  --gothic-library-study-3-4: #606D71;
  --gothic-library-study-3-5: #4A5458;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gothic-library-study-3": {
        1: "#C0C5C7",
        2: "#9DA6AB",
        3: "#7D888D",
        4: "#606D71",
        5: "#4A5458",
      }
    }
  }
}

Related searches

gothic gray color palettemonochromatic library colorscool gray color schemedark academia grayscalesubtle moody color hex

Palette colors

Hex values

Color 1#C0C5C7
·
Color 2#9DA6AB
·
Color 3#7D888D
·
Color 4#606D71
·
Color 5#4A5458
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.1:1Fail
3.1:1AA18
4.5:1AA18
2
1.4:1Fail
1.5:1Fail
2.2:1Fail
3.1:1AA18
3
2.1:1Fail
1.5:1Fail
1.5:1Fail
2.1:1Fail
4
3.1:1AA18
2.2:1Fail
1.5:1Fail
1.5:1Fail
5
4.5:1AA18
3.1:1AA18
2.1:1Fail
1.5:1Fail

Similar palettes

More like Gothic Library Study

View all monochrome
Gothic Cathedral Stone
Gothic Stone Abbey
Iron Gate Silhouette
Ancient Tomb Relic
Basalt Column Grey
Basalt Pillar Shades