Palette

Antique Library Pages

Soft, faded browns and creams that echo the gentle wear and warmth of aged book pages.

neutralnatural5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#362B22#5A493D#8C7A6D#C1B3A6#E3DCCF

Palette guide

How to use Antique Library Pages

Overview

The Antique Library Pages palette beautifully echoes the gentle wear and warmth of aged book pages, offering a serene and intellectual aesthetic. With a range from the deep #362B22 to the light #E3DCCF, including #5A493D, #8C7A6D, and #C1B3A6, this palette is perfect for designs seeking a natural, vintage, or classic feel. Designers and developers can utilize these versatile browns and creams 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, sophisticated, and inviting atmosphere is desired, blending authenticity with modern readability.

Best used for

Literary blog and publishing websites
Book club branding and social media
Academic institution online platforms
Vintage stationery and print materials
Cozy reading nook interior design
Earthy UI for educational apps

Suggested color roles

primary

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

secondary

Apply #5A493D for supportive content, subheadings, or to add rich depth to illustrations.

accent

Highlight key information or interactive elements with #8C7A6D, providing a soft, aged paper feel.

background

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

text

For text on lighter backgrounds like #E3DCCF, use #362B22 or #5A493D for optimal readability. On darker backgrounds, a light cream or white works best.

Accessibility notes

Ensure #362B22 text on #E3DCCF backgrounds meets WCAG AA contrast requirements.
Be cautious when pairing #8C7A6D with #C1B3A6 for text to avoid low contrast issues.
Darker hues like #362B22 provide excellent readability for headings and important information.
Always test color combinations for readability, especially for body text and navigation links.

Recommended combinations

Aged Parchment

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

#E3DCCF · #C1B3A6 · #8C7A6D

Deep Binding

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

#362B22 · #5A493D · #8C7A6D

Page Contrast

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

#362B22 · #E3DCCF · #C1B3A6

CSS variables

:root {
  --antique-library-pages-1: #362B22;
  --antique-library-pages-2: #5A493D;
  --antique-library-pages-3: #8C7A6D;
  --antique-library-pages-4: #C1B3A6;
  --antique-library-pages-5: #E3DCCF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "antique-library-pages": {
        1: "#362B22",
        2: "#5A493D",
        3: "#8C7A6D",
        4: "#C1B3A6",
        5: "#E3DCCF",
      }
    }
  }
}

Hex values

Color 1#362B22

Color 2#5A493D

Color 3#8C7A6D

Color 4#C1B3A6

Color 5#E3DCCF

Accessibility

Contrast checker

1.6:1Fail

3.4:1AA18

6.7:1AA

10.1:1AAA

1.6:1Fail

2.1:1Fail

4.2:1AA18

6.3:1AA

3.4:1AA18

2.1:1Fail

2:1Fail

3:1AA18

6.7:1AA

4.2:1AA18

2:1Fail

1.5:1Fail

10.1:1AAA

6.3:1AA

3:1AA18

1.5:1Fail

Similar palettes

More like Antique Library Pages

View all neutral

Aged Scroll Patina

Ancient Script

Ancient Temple Sandstone

Antique Parchment Scroll

Antique Scroll

Rustic Farmhouse Linen