Back to palettes

Palette

Ancient Library Gloom

Rich, dark browns and aged sepia tones, evoking the quiet, scholarly atmosphere of a dimly lit ancient library.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ancient Library Gloom 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 Ancient Library Gloom.

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

Data visualization

#2F1A0A#4C2E1A#6B4C2C#8C6A3D#3A2514

Palette guide

How to use Ancient Library Gloom

Overview

The Ancient Library Gloom palette evokes the quiet, scholarly atmosphere of a dimly lit ancient library with its rich, dark browns and aged sepia tones. This collection features a deep coffee brown #2F1A0A, a warm mahogany #4C2E1A, and a classic sepia #6B4C2C. Developers and designers can leverage these moody hues for projects demanding a mysterious, vintage, or sophisticated aesthetic. The palette is further enriched by a lighter, golden brown #8C6A3D, perfect for subtle highlights, and a grounding dark chocolate #3A2514, ensuring versatile options for backgrounds, text, and decorative elements, creating an immersive and intellectually rich visual experience.

Best used for

  • Mystery novel covers or author websites
  • Vintage photography and art portfolios
  • Gothic or dark academia themed branding
  • Whiskey bar or speakeasy interior design concepts
  • Historical documentary interfaces
  • Luxury menswear branding with a classic edge

Suggested color roles

primary

Use #2F1A0A (Deep Coffee) for dominant backgrounds, headers, or large content blocks, setting a moody, sophisticated tone.

secondary

Apply #4C2E1A (Mahogany) for supporting elements, sidebars, or card backgrounds, adding warmth and depth.

accent

Employ #8C6A3D (Golden Brown) for subtle highlights, interactive elements, or decorative accents that need a touch of aged luster.

background

The darkest #3A2514 (Dark Chocolate) can serve as an immersive, luxurious background, especially when paired with light text.

text

Pair white, cream, or a very light beige with any of these dark browns for optimal readability. For #8C6A3D, use a dark brown or black.

Accessibility notes

  • Ensure sufficient contrast for text when using #8C6A3D (Golden Brown) on any of the darker brown backgrounds; it may require adjustment.
  • Always use white or a very light cream for text on #2F1A0A, #4C2E1A, and #3A2514 to meet WCAG AA contrast standards.
  • The overall dark nature of the palette means careful attention to text size and weight is crucial for readability.
  • Avoid using two dark browns adjacent to each other for small UI elements without strong borders or clear visual separation.

Recommended combinations

Deep Study

Ideal for a rich, layered aesthetic, perfect for primary sections and elegant highlights.

#2F1A0A · #4C2E1A · #8C6A3D

Sepia Pages

Great for content blocks, card backgrounds, or a subtle gradient, evoking old, worn paper.

#6B4C2C · #8C6A3D · #3A2514

Gloom & Gold

Use for a dramatic background with prominent headings or call-to-action buttons, creating a luxurious, mysterious feel.

#3A2514 · #2F1A0A · #8C6A3D

CSS variables

:root {
  --ancient-library-gloom-1: #2F1A0A;
  --ancient-library-gloom-2: #4C2E1A;
  --ancient-library-gloom-3: #6B4C2C;
  --ancient-library-gloom-4: #8C6A3D;
  --ancient-library-gloom-5: #3A2514;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-library-gloom": {
        1: "#2F1A0A",
        2: "#4C2E1A",
        3: "#6B4C2C",
        4: "#8C6A3D",
        5: "#3A2514",
      }
    }
  }
}

Related searches

dark academia color palettevintage brown hex codessepia tone color schememoody library aestheticrich earthy browns

Palette colors

Hex values

Color 1#2F1A0A
·
Color 2#4C2E1A
·
Color 3#6B4C2C
·
Color 4#8C6A3D
·
Color 5#3A2514
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.1:1Fail
3.3:1AA18
1.1:1Fail
2
1.3:1Fail
1.6:1Fail
2.5:1Fail
1.2:1Fail
3
2.1:1Fail
1.6:1Fail
1.6:1Fail
1.9:1Fail
4
3.3:1AA18
2.5:1Fail
1.6:1Fail
2.9:1Fail
5
1.1:1Fail
1.2:1Fail
1.9:1Fail
2.9:1Fail

Similar palettes

More like Ancient Library Gloom

View all dark
Abyss Gaze
Abyssal Bioluminescence
Abyssal Bioluminescent Glow
Abyssal Coral Bloom
Abyssal Coral Bloom
Abyssal Coral Glow