Palette

Old Book Sanctum

Warm, worn tones reminiscent of ancient leather bindings, aged paper, and quiet study rooms.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Old Book Sanctum 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 Old Book Sanctum.

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

Data visualization

#5E3F32#7C5C4E#A58474#D4C2B0#4A4A4A

Palette guide

How to use Old Book Sanctum

Overview

The Old Book Sanctum palette offers a refined collection of warm, worn browns and a grounding dark grey, reminiscent of ancient leather bindings and quiet study rooms. Featuring the deep `#5E3F32`, the comforting `#7C5C4E`, and the elegant `#4A4A4A`, this palette exudes sophistication, heritage, and a sense of peaceful contemplation. Designers and developers can leverage these hues to craft interfaces and branding that feel established, luxurious, and genuinely inviting. It’s ideal for projects aiming for an elegant, scholarly, or exclusive aesthetic, providing a rich and timeless backdrop for various applications.

Best used for

Luxury brand websites and packaging
Academic institution digital interfaces
High-end library or bookstore branding
Gentlemen's club or lounge themes
Fine dining restaurant websites
Estate and heritage property marketing

Suggested color roles

primary

The deep `#5E3F32` or `#4A4A4A` are excellent primaries for strong headers, navigation, or foundational dark backgrounds.

secondary

Use `#7C5C4E` for content sections, secondary buttons, or as a rich background element to add warmth and depth.

accent

Apply `#A58474` or `#D4C2B0` for subtle highlights, interactive states, or decorative elements needing a soft, inviting pop.

background

The lightest shade, `#D4C2B0`, provides a soft, warm canvas for main content areas, evoking aged paper.

text

For optimal readability on light backgrounds, the dark grey `#4A4A4A` or `#5E3F32` are highly recommended. For dark backgrounds, a light cream or white text works best.

Accessibility notes

Ensure strong contrast between text and background. `#4A4A4A` text on `#D4C2B0` background works well.
Avoid using adjacent mid-tones like `#7C5C4E` and `#A58474` for text and background without careful contrast checks.
The darkest colors, `#5E3F32` and `#4A4A4A`, provide excellent contrast for UI elements when placed on the lighter shades.
Consider using a bright white or very light cream for text when using the darkest colors (`#5E3F32`, `#4A4A4A`) as backgrounds.

Recommended combinations

Classic Library

Creates a balanced look with a dark base, warm mid-tone for accents, and a soft background for content.

#5E3F32 · #A58474 · #D4C2B0

Aged Leather

Ideal for sections requiring a softer, yet sophisticated feel, like testimonials or subtle calls to action, with dark text.

#7C5C4E · #D4C2B0 · #4A4A4A

Sanctum Depth

Use for deep, layered backgrounds or sophisticated navigation, with `#4A4A4A` providing a strong anchor.

#4A4A4A · #5E3F32 · #7C5C4E

CSS variables

:root {
  --old-book-sanctum-1: #5E3F32;
  --old-book-sanctum-2: #7C5C4E;
  --old-book-sanctum-3: #A58474;
  --old-book-sanctum-4: #D4C2B0;
  --old-book-sanctum-5: #4A4A4A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "old-book-sanctum": {
        1: "#5E3F32",
        2: "#7C5C4E",
        3: "#A58474",
        4: "#D4C2B0",
        5: "#4A4A4A",
      }
    }
  }
}

Hex values

Color 1#5E3F32

Color 2#7C5C4E

Color 3#A58474

Color 4#D4C2B0

Color 5#4A4A4A

Accessibility

Contrast checker

1.6:1Fail

2.8:1Fail

5.4:1AA

1.1:1Fail

1.6:1Fail

1.8:1Fail

3.5:1AA18

1.5:1Fail

2.8:1Fail

1.8:1Fail

2:1Fail

2.6:1Fail

5.4:1AA

3.5:1AA18

2:1Fail

5.1:1AA

1.1:1Fail

1.5:1Fail

2.6:1Fail

5.1:1AA

Similar palettes

More like Old Book Sanctum

Scholarly Inkwell Depths

Scholarly Quill Ink

Whiskey Leather Den