Back to palettes

Palette

Gothic Library Ink

Reflects the muted elegance of aged paper and dark ink in a grand, scholarly setting.

monochromeelegant5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#3A3B3C#5E5F61#878788#B3B3B4#D9D9DA

Palette guide

How to use Gothic Library Ink

Overview

The Gothic Library Ink palette (version 2) is a refined monochrome collection, echoing the subtle nuances of aged paper and dark, rich ink in a scholarly setting. Spanning from the deep, sophisticated charcoal of #3A3B3C to the soft, muted off-white of #D9D9DA, this palette offers a timeless and elegant foundation. The mid-tones, including #5E5F61, #878788, and #B3B3B4, provide a gentle progression of grays, allowing for clear visual hierarchy and a sense of quiet dignity. It's perfect for designs that aim for a classic, understated, and intellectually appealing aesthetic.

Best used for

  • Academic journals and publications
  • Minimalist professional websites
  • Elegant stationery design
  • Digital archives and libraries
  • Fine art photography portfolios
  • Classic tech interfaces

Suggested color roles

primary

#3A3B3C (A deep, sophisticated charcoal for main backgrounds, providing a grounding and elegant base.)

secondary

#5E5F61 (A medium-dark gray for secondary sections, offering subtle contrast and structure.)

accent

#B3B3B4 (A lighter, muted gray for subtle accents, borders, or inactive states, adding a touch of refinement.)

background

#3A3B3C (Establishes a calm, professional backdrop, allowing content to be the focal point.)

text

#D9D9DA (A soft, near-white, ideal for body text and headings on darker backgrounds, ensuring excellent readability.)

Accessibility notes

  • D9D9DA on #3A3B3C or #5E5F61 provides strong contrast, suitable for all text sizes.
  • B3B3B4 can be used for larger text on #3A3B3C, but verify contrast for smaller font sizes.
  • Avoid using #878788 as text on #5E5F61 or #3A3B3C due to insufficient contrast for general use.
  • Ensure interactive elements have distinct hover/focus states, leveraging the lightest and darkest shades for clarity.

Recommended combinations

Ink Base

Core UI elements, with the lightest shade for crisp, readable text on dark.

#3A3B3C · #5E5F61 · #D9D9DA

Aged Paper

For creating layered information panels, card backgrounds, or subtle gradients.

#5E5F61 · #878788 · #B3B3B4

Scholarly Contrast

Provides a strong dark-to-light contrast for headings and key information, with a mid-tone for secondary details.

#3A3B3C · #D9D9DA · #878788

CSS variables

:root {
  --gothic-library-ink-2-1: #3A3B3C;
  --gothic-library-ink-2-2: #5E5F61;
  --gothic-library-ink-2-3: #878788;
  --gothic-library-ink-2-4: #B3B3B4;
  --gothic-library-ink-2-5: #D9D9DA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gothic-library-ink-2": {
        1: "#3A3B3C",
        2: "#5E5F61",
        3: "#878788",
        4: "#B3B3B4",
        5: "#D9D9DA",
      }
    }
  }
}

Related searches

elegant gray paletteminimalist monochrome designacademic color schemedark ink aestheticsophisticated library theme

Palette colors

Hex values

Color 1#3A3B3C
·
Color 2#5E5F61
·
Color 3#878788
·
Color 4#B3B3B4
·
Color 5#D9D9DA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.1:1AA18
5.4:1AA
8:1AAA
2
1.8:1Fail
1.8:1Fail
3.1:1AA18
4.5:1AA
3
3.1:1AA18
1.8:1Fail
1.7:1Fail
2.5:1Fail
4
5.4:1AA
3.1:1AA18
1.7:1Fail
1.5:1Fail
5
8:1AAA
4.5:1AA
2.5:1Fail
1.5:1Fail

Similar palettes

More like Gothic Library Ink

View all monochrome
Sculpted Marble Elegance
Smoky Quartz Elegance
Ancient Marble Column
Ancient Marble Statue
Elegant Onyx Chess
Monochrome Shadow Play