Palette

Antique Library Tome

Rich browns and muted creams evoke the aged pages and leather bindings of antique library books.

darkcalm5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Antique Library Tome 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 Antique Library Tome.

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

Data visualization

#4A3A34#6D5C53#9E8C82#C2B2A3#3A2E2A

Palette guide

How to use Antique Library Tome

Overview

The Antique Library Tome palette captures the rich browns and muted creams of aged book pages and leather bindings, offering a calm and sophisticated aesthetic. Ranging from the deep #3A2E2A and #4A3A34 to the lighter #9E8C82 and #C2B2A3, including #6D5C53, this palette is perfect for designs seeking a cozy, vintage, or intellectual feel. Designers and developers can utilize these versatile hues to craft user interfaces, branding, or visuals that convey a sense of history, comfort, and timeless knowledge. It's ideal for projects related to literature, heritage, or any context where a grounded, authentic, and inviting atmosphere is desired, blending rustic charm with refined appeal.

Best used for

Literary magazine or blog design
Bookstore or library digital platforms
Cozy reading app interfaces
Vintage-inspired branding for artisanal goods
Academic institution websites
Interior design themes for studies

Suggested color roles

primary

Use #3A2E2A as a deep, anchoring color for main sections, headers, or strong text elements.

secondary

Apply #4A3A34 for supportive content, subheadings, or to add rich depth to illustrations.

accent

Highlight key information or interactive elements with #6D5C53, providing a subtle, aged leather feel.

background

Employ #C2B2A3 for light, inviting backgrounds that offer excellent contrast for darker text.

text

For text on lighter backgrounds like #C2B2A3, use #3A2E2A or #4A3A34 for optimal readability. On darker backgrounds, a light cream or white works best.

Accessibility notes

Ensure #3A2E2A text on #C2B2A3 backgrounds meets WCAG AA contrast requirements.
Be cautious when pairing #6D5C53 with #9E8C82 for text to avoid low contrast issues.
Darker hues like #3A2E2A and #4A3A34 provide excellent readability for headings.
Always test color combinations for readability, especially for body text and navigation links.

Recommended combinations

Aged Pages

Creates a soft, readable base reminiscent of old paper, ideal for content-heavy sections.

#C2B2A3 · #9E8C82 · #6D5C53

Leather Binding

Establishes a strong, classic feel for branding, navigation, or prominent UI elements.

#3A2E2A · #4A3A34 · #6D5C53

Tome Contrast

Use for clear visual hierarchy, combining deep tones with light for impactful headings and calls to action.

#3A2E2A · #C2B2A3 · #4A3A34

CSS variables

:root {
  --antique-library-tome-1: #4A3A34;
  --antique-library-tome-2: #6D5C53;
  --antique-library-tome-3: #9E8C82;
  --antique-library-tome-4: #C2B2A3;
  --antique-library-tome-5: #3A2E2A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "antique-library-tome": {
        1: "#4A3A34",
        2: "#6D5C53",
        3: "#9E8C82",
        4: "#C2B2A3",
        5: "#3A2E2A",
      }
    }
  }
}

Hex values

Color 1#4A3A34

Color 2#6D5C53

Color 3#9E8C82

Color 4#C2B2A3

Color 5#3A2E2A

Accessibility

Contrast checker

1.7:1Fail

3.4:1AA18

5.2:1AA

1.2:1Fail

1.7:1Fail

2:1Fail

3.1:1AA18

2.1:1Fail

3.4:1AA18

2:1Fail

1.6:1Fail

4.1:1AA18

5.2:1AA

3.1:1AA18

1.6:1Fail

6.4:1AA

1.2:1Fail

2.1:1Fail

4.1:1AA18

6.4:1AA

Similar palettes

More like Antique Library Tome

Espresso Retreat Corner

Espresso Roast Depth