Back to palettes

Palette

Gothic Library Quiet

Rich, deep browns and muted earth tones evoke the hushed atmosphere of an old gothic library filled with ancient tomes.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2C0703#4A1F0D#743B1D#B06E4B#D4A88F

Palette guide

How to use Gothic Library Quiet

Overview

The Gothic Library Quiet palette (version 2) is a rich and warm collection, perfectly capturing the hushed, aged atmosphere of an old gothic library filled with ancient wooden shelves and leather-bound tomes. Ranging from the deep, almost-black brown of #2C0703 to the soft, aged tan of #D4A88F, this palette provides a sophisticated and inviting aesthetic. The intermediate shades like #4A1F0D, #743B1D, and #B06E4B evoke the natural warmth and texture of polished wood and worn leather, making it ideal for designs that seek a classic, comforting, and intellectual mood with a touch of vintage elegance.

Best used for

  • Vintage brand identities
  • Coffee shop or bookstore branding
  • Elegant editorial layouts
  • Historical fiction book covers
  • Interior design for cozy spaces
  • Warm dark mode themes

Suggested color roles

primary

#2C0703 (A deep, grounding, almost-black brown for main backgrounds, establishing a rich, warm foundation.)

secondary

#4A1F0D (A dark, earthy brown for secondary sections, offering a gentle, natural contrast.)

accent

#B06E4B (A warm, mid-tone brown for subtle highlights, interactive elements, or decorative details, evoking aged wood.)

background

#2C0703 (Creates a cozy, contemplative backdrop, ideal for immersive content experiences.)

text

#D4A88F (A soft, aged tan, excellent for body text and headings on darker backgrounds, ensuring warmth and readability.)

Accessibility notes

  • D4A88F on #2C0703 or #4A1F0D provides good contrast, suitable for most text sizes.
  • B06E4B can be used for larger text on #2C0703, but verify contrast for smaller font sizes.
  • Avoid using #743B1D as text on #4A1F0D or #2C0703 due to insufficient contrast.
  • Ensure interactive elements have clear visual differentiation, leveraging the lightest and darkest shades effectively.

Recommended combinations

Wood & Leather

For creating deep, layered backgrounds or material textures in UI.

#2C0703 · #4A1F0D · #743B1D

Aged Scroll

High contrast for headings and body text, with the mid-tone for accents or links.

#2C0703 · #D4A88F · #B06E4B

Quiet Hues

For subtle gradients, section dividers, or backgrounds that require a warm, harmonious blend.

#4A1F0D · #743B1D · #B06E4B

CSS variables

:root {
  --gothic-library-quiet-2-1: #2C0703;
  --gothic-library-quiet-2-2: #4A1F0D;
  --gothic-library-quiet-2-3: #743B1D;
  --gothic-library-quiet-2-4: #B06E4B;
  --gothic-library-quiet-2-5: #D4A88F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gothic-library-quiet-2": {
        1: "#2C0703",
        2: "#4A1F0D",
        3: "#743B1D",
        4: "#B06E4B",
        5: "#D4A88F",
      }
    }
  }
}

Related searches

warm dark brown palettevintage library aestheticcozy academic colorsearthy gothic themeelegant wood tones

Palette colors

Hex values

Color 1#2C0703
·
Color 2#4A1F0D
·
Color 3#743B1D
·
Color 4#B06E4B
·
Color 5#D4A88F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.1:1Fail
4.5:1AA
8.6:1AAA
2
1.3:1Fail
1.6:1Fail
3.5:1AA18
6.6:1AA
3
2.1:1Fail
1.6:1Fail
2.2:1Fail
4.1:1AA18
4
4.5:1AA
3.5:1AA18
2.2:1Fail
1.9:1Fail
5
8.6:1AAA
6.6:1AA
4.1:1AA18
1.9:1Fail

Similar palettes

More like Gothic Library Quiet

View all dark
Enigma Quill Ink
Gothic Library Quiet
Gothic Library Study
Gothic Tome Scrolls
Midnight Library Tome
Ancient Tome Hues