Back to palettes

Palette

Classic Library Hue

A rich palette of deep browns, burgundy, and aged gold, evoking the sophisticated atmosphere of an old-world library.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Classic Library Hue 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 Classic Library Hue.

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

Data visualization

#2A1D0D#4C3729#660000#CC9900#5C4033

Palette guide

How to use Classic Library Hue

Overview

The "Classic Library Hue" palette evokes the rich, sophisticated atmosphere of an old-world library, with its deep, academic tones. It features a profound dark brown #2A1D0D and a warmer, medium brown #4C3729, complemented by a luxurious burgundy red #660000 and a distinguished aged gold #CC9900. A softer, earthy brown #5C4033 rounds out the collection. This combination offers designers and developers a versatile toolkit for creating elegant, traditional interfaces, sophisticated branding, or captivating digital content that conveys warmth, wisdom, and a sense of timeless heritage. It's perfect for projects aiming for a refined and established aesthetic.

Best used for

  • Academic institution websites
  • Luxury goods branding (e.g., leather)
  • Editorial design for literature
  • Historical society presentations
  • Winery or distillery branding
  • High-end interior design portfolios

Suggested color roles

primary

#2A1D0D - A deep, foundational dark brown, excellent for main backgrounds, headers, or robust typography.

secondary

#4C3729 - A rich, warm medium brown, perfect for secondary panels, navigation, or subtle dividers.

accent

#CC9900 - A distinguished aged gold, suitable for highlights, interactive elements, or decorative details.

background

#5C4033 - A softer, earthy brown, providing a warm, inviting canvas for content.

text

#CC9900 - For headlines and important information on dark backgrounds, or a crisp cream/off-white for body text.

Accessibility notes

  • Ensure sufficient contrast when using #CC9900 text on backgrounds like #4C3729 or #5C4033; it works best for headings or accents.
  • For body text on darker backgrounds, use a light cream or off-white to ensure readability.
  • Avoid using #660000 for small text on dark brown backgrounds, as the contrast might be insufficient for some users.
  • Test all text and background combinations with a contrast checker, especially for the rich, dark hues.

Recommended combinations

Old World Charm

A luxurious combination for high-impact headers, elegant branding, or sophisticated call-to-action elements.

#2A1D0D · #660000 · #CC9900

Scholarly Depth

Excellent for content areas, combining warm browns with a refined gold accent for readability and elegance.

#4C3729 · #5C4033 · #CC9900

Rich Heritage

Use for layered backgrounds, subtle textures, or to create a cohesive dark theme with depth.

#2A1D0D · #4C3729 · #5C4033

CSS variables

:root {
  --classic-library-hue-1: #2A1D0D;
  --classic-library-hue-2: #4C3729;
  --classic-library-hue-3: #660000;
  --classic-library-hue-4: #CC9900;
  --classic-library-hue-5: #5C4033;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "classic-library-hue": {
        1: "#2A1D0D",
        2: "#4C3729",
        3: "#660000",
        4: "#CC9900",
        5: "#5C4033",
      }
    }
  }
}

Related searches

dark academia paletteclassic brown goldelegant library colorssophisticated retro themerich traditional colors

Palette colors

Hex values

Color 1#2A1D0D
·
Color 2#4C3729
·
Color 3#660000
·
Color 4#CC9900
·
Color 5#5C4033
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.2:1Fail
6.3:1AA
1.7:1Fail
2
1.5:1Fail
1.2:1Fail
4.3:1AA18
1.2:1Fail
3
1.2:1Fail
1.2:1Fail
5.2:1AA
1.4:1Fail
4
6.3:1AA
4.3:1AA18
5.2:1AA
3.6:1AA18
5
1.7:1Fail
1.2:1Fail
1.4:1Fail
3.6:1AA18

Similar palettes

More like Classic Library Hue

View all dark