Back to palettes

Palette

Gothic Library Study

Rich, aged browns evoke the somber, intellectual atmosphere of a gothic library, filled with old wood and forgotten lore.

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

#361500#5C2E00#824700#A86000#CEC8C1

Palette guide

How to use Gothic Library Study

Overview

This "Gothic Library Study" palette offers a sophisticated range of aged browns and a soft, contrasting neutral, perfect for evoking a vintage, intellectual atmosphere. With deep tones like #361500 and #5C2E00, it grounds designs in a sense of history and warmth. Lighter browns such as #824700 and #A86000 provide excellent mid-tones for layered depth, while #CEC8C1 acts as a gentle highlight or background. Designers can leverage these colors to create immersive digital experiences or elegant branding that speaks of tradition and quiet contemplation. Developers will find these hex codes ideal for UI elements that require a classic, understated feel, from navigation bars to content backgrounds.

Best used for

  • Vintage branding and logos
  • Bookstore or library website design
  • Academic institution digital interfaces
  • Luxury product packaging with an antique feel
  • Historical game or app UI
  • E-commerce sites for artisanal goods

Suggested color roles

primary

Deepest brown #361500, ideal for strong headers, primary branding, or background elements demanding gravitas.

secondary

A rich, dark brown #5C2E00 suitable for subheadings, prominent buttons, or detailed UI components.

accent

A warm, mid-tone brown #A86000 that can highlight calls-to-action or important interactive elements.

background

A soft, off-white #CEC8C1, excellent for main content areas, providing a legible contrast to darker browns.

text

Use this deep brown #361500 for primary body text on light backgrounds like #CEC8C1 for a classic, readable look.

Accessibility notes

  • Ensure sufficient contrast when using #361500 or #5C2E00 for text on #CEC8C1.
  • Avoid placing #824700 text on #A86000 backgrounds due to low contrast.
  • Use a tool to check WCAG compliance for all text and interactive elements.
  • Reserve #A86000 for larger text or decorative elements if placed on mid-tone backgrounds.

Recommended combinations

Deep Read

Excellent for high-contrast text and background, with a supporting dark element.

#361500 · #CEC8C1 · #5C2E00

Aged Wood

Layers of rich browns for textured backgrounds or visual hierarchy in data.

#5C2E00 · #824700 · #A86000

Quiet Glow

A light background with warm accent and deep grounding color for elegant interfaces.

#CEC8C1 · #A86000 · #361500

CSS variables

:root {
  --gothic-library-study-2-1: #361500;
  --gothic-library-study-2-2: #5C2E00;
  --gothic-library-study-2-3: #824700;
  --gothic-library-study-2-4: #A86000;
  --gothic-library-study-2-5: #CEC8C1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gothic-library-study-2": {
        1: "#361500",
        2: "#5C2E00",
        3: "#824700",
        4: "#A86000",
        5: "#CEC8C1",
      }
    }
  }
}

Related searches

vintage brown color palettedark academia color schemelibrary aesthetic colorsearth tone brandinggothic brown hexadecimal colors

Palette colors

Hex values

Color 1#361500
·
Color 2#5C2E00
·
Color 3#824700
·
Color 4#A86000
·
Color 5#CEC8C1
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
3.4:1AA18
10:1AAA
2
1.5:1Fail
1.5:1Fail
2.4:1Fail
6.9:1AA
3
2.3:1Fail
1.5:1Fail
1.5:1Fail
4.4:1AA18
4
3.4:1AA18
2.4:1Fail
1.5:1Fail
2.9:1Fail
5
10:1AAA
6.9:1AA
4.4:1AA18
2.9:1Fail

Similar palettes

More like Gothic Library Study

View all dark