Palette

Antique Library

Rich, warm browns and aged tones evoke the classic comfort of an old, treasured library.

neutralretro5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4A3B3B#6D4C4C#B07C61#D5AD8A#8D6B5B

Palette guide

How to use Antique Library

Overview

The Antique Library palette offers a rich and warm collection of browns and aged tones, evoking the classic comfort of an old, treasured library. Ranging from the deep #4A3B3B and #6D4C4C to the warm #B07C61 and #D5AD8A, including #8D6B5B, this palette is perfect for designers and developers seeking a retro, cozy, or classic aesthetic. It's ideal for crafting user interfaces, branding, or visuals that convey a sense of history, comfort, and timeless knowledge. The blend of rich, inviting hues creates a sophisticated yet approachable atmosphere, reminiscent of leather-bound books and warm wooden shelves, blending tradition with modern appeal.

Best used for

Vintage bookstore branding
Academic institution digital platforms
Cozy cafe or reading lounge interiors
Retro-themed app interfaces
Literary blog and publishing design
Packaging for artisanal coffees or teas

Suggested color roles

primary

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

secondary

Apply #6D4C4C for supportive content, subheadings, or to add rich depth to illustrations.

accent

Highlight key information or interactive elements with #B07C61, providing a warm, aged feel.

background

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

text

For text on lighter backgrounds like #D5AD8A, use #4A3B3B or #6D4C4C for optimal readability. On darker backgrounds, a light cream or white works best.

Accessibility notes

Ensure #4A3B3B text on #D5AD8A backgrounds meets WCAG AA contrast requirements.
Be cautious when pairing #B07C61 with #8D6B5B for text to avoid low contrast issues.
Darker hues like #4A3B3B and #6D4C4C 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.

#D5AD8A · #B07C61 · #8D6B5B

Leather Bound

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

#4A3B3B · #6D4C4C · #8D6B5B

Cozy Contrast

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

#4A3B3B · #D5AD8A · #B07C61

CSS variables

:root {
  --antique-library-1: #4A3B3B;
  --antique-library-2: #6D4C4C;
  --antique-library-3: #B07C61;
  --antique-library-4: #D5AD8A;
  --antique-library-5: #8D6B5B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "antique-library": {
        1: "#4A3B3B",
        2: "#6D4C4C",
        3: "#B07C61",
        4: "#D5AD8A",
        5: "#8D6B5B",
      }
    }
  }
}

Hex values

Color 1#4A3B3B

Color 2#6D4C4C

Color 3#B07C61

Color 4#D5AD8A

Color 5#8D6B5B

Accessibility

Contrast checker

1.4:1Fail

3:1Fail

5.1:1AA

2.2:1Fail

1.4:1Fail

2.1:1Fail

3.6:1AA18

1.6:1Fail

3:1Fail

2.1:1Fail

1.7:1Fail

1.3:1Fail

5.1:1AA

3.6:1AA18

1.7:1Fail

2.3:1Fail

2.2:1Fail

1.6:1Fail

1.3:1Fail

2.3:1Fail

Similar palettes

More like Antique Library