Palette

Vintage Book Pages

Soft, aged tones reminiscent of ancient parchment and the comforting smell of old library books.

WarmRetro5 colors

More Warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Vintage Book 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 Vintage Book Pages.

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

Data visualization

#F5DEB3#D2B48C#B8860B#8B4513#6B4226

Palette guide

How to use Vintage Book Pages

Overview

The Vintage Book Pages palette offers a comforting array of warm, earthy tones, perfectly capturing the essence of aged parchment and old library books. With a soft Moccasin (`#F5DEB3`), a rich Tan (`#D2B48C`), and a deep Dark Goldenrod (`#B8860B`), this collection provides a sense of history and coziness. The profound Saddle Brown (`#8B4513`) and dark Wood Brown (`#6B4226`) ground the palette, offering excellent choices for text and deeper accents. This palette is ideal for projects that aim to evoke nostalgia, intellectual warmth, and a timeless, inviting aesthetic, making it perfect for literary or artisanal themes.

Best used for

Literary magazine design
Coffee shop branding
Artisan craft websites
Vintage photography filters
E-commerce for antique goods
Educational and historical content

Suggested color roles

primary

#8B4513 (Saddle Brown) - Use as a dominant accent or for important headers, providing a rich, grounding presence.

secondary

#B8860B (Dark Goldenrod) - Excellent for secondary elements, buttons, or illustrations, adding a touch of warm, aged elegance.

accent

#6B4226 (Wood Brown) - Apply sparingly for subtle dividers, borders, or hover states, offering a deep, sophisticated accent.

background

#F5DEB3 (Moccasin) - An ideal light background, replicating aged paper and providing excellent contrast for darker text colors.

text

#6B4226 (Wood Brown) - Perfect for body text and critical information, offering strong readability against lighter backgrounds while maintaining the vintage feel.

Accessibility notes

Ensure `#6B4226` or `#8B4513` text on `#F5DEB3` background meets WCAG contrast standards for readability.
Avoid using `#D2B48C` text on `#B8860B` or similar mid-tone pairings to prevent low contrast issues.
Use high contrast pairings like `#6B4226` text on `#F5DEB3` for main content.
For interactive elements, ensure distinct visual cues beyond just color, especially when using similar brown tones.

Recommended combinations

Aged Parchment

For a classic book page layout: `#F5DEB3` background, `#6B4226` text, and `#8B4513` for titles or links.

#F5DEB3 · #8B4513 · #6B4226

Rustic Read

Effective for warm, inviting sections or graphic elements, with `#D2B48C` as a base and deeper browns for detail.

#D2B48C · #B8860B · #8B4513

Deep Lore

Suitable for creating a sense of depth and history in headers or feature blocks, with `#6B4226` as a strong anchor.

#6B4226 · #D2B48C · #F5DEB3

CSS variables

:root {
  --vintage-book-pages-1: #F5DEB3;
  --vintage-book-pages-2: #D2B48C;
  --vintage-book-pages-3: #B8860B;
  --vintage-book-pages-4: #8B4513;
  --vintage-book-pages-5: #6B4226;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-book-pages": {
        1: "#F5DEB3",
        2: "#D2B48C",
        3: "#B8860B",
        4: "#8B4513",
        5: "#6B4226",
      }
    }
  }
}

Hex values

Color 1#F5DEB3

Color 2#D2B48C

Color 3#B8860B

Color 4#8B4513

Color 5#6B4226

Accessibility

Contrast checker

1.5:1Fail

2.5:1Fail

5.4:1AA

6.6:1AA

1.5:1Fail

1.7:1Fail

3.6:1AA18

4.4:1AA18

2.5:1Fail

1.7:1Fail

2.2:1Fail

2.7:1Fail

5.4:1AA

3.6:1AA18

2.2:1Fail

1.2:1Fail

6.6:1AA

4.4:1AA18

2.7:1Fail

1.2:1Fail

Similar palettes

More like Vintage Book Pages

View all Warm

Rusty Cogwheel Dawn

Vintage Bookstore Charm