Back to palettes

Palette

Old Book Pages

A cozy collection of aged cream and brown tones, like the comforting pages of an old book.

neutralnatural5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F5E8C8#DED8B8#B0A080#8C7B61#6A5B47

Palette guide

How to use Old Book Pages

Overview

The Old Book Pages palette offers a cozy collection of aged cream and warm brown tones, evoking the comforting feel of well-loved, antique books. With the light and airy `#F5E8C8`, the earthy mid-tone `#B0A080`, and the deep, grounding `#6A5B47`, this palette is steeped in vintage charm and a sense of history. Designers and developers can use these hues to craft visuals that feel authentic, warm, and subtly sophisticated. It’s ideal for projects aiming for a nostalgic, scholarly, or rustic appeal, providing a gentle backdrop that suggests timeless stories and quiet contemplation.

Best used for

  • Vintage blog themes and personal websites
  • E-commerce for artisanal products
  • Historical fiction book covers
  • Museum exhibit digital interfaces
  • Coffee shop branding and menus
  • Photography portfolios with a classic feel

Suggested color roles

primary

The deep `#6A5B47` is excellent for strong headers, primary navigation, or as a foundational dark background color.

secondary

Use `#8C7B61` for content sections, secondary buttons, or as a warm accent to add depth and visual interest.

accent

Apply `#B0A080` or `#DED8B8` for subtle highlights, interactive states, or decorative elements that need a gentle lift.

background

The lightest shade, `#F5E8C8`, provides an excellent, soft, aged paper-like canvas for main content areas.

text

For optimal readability on lighter backgrounds, a dark brown like `#6A5B47` or a deep charcoal is highly recommended.

Accessibility notes

  • Ensure sufficient contrast between `#6A5B47` text on `#F5E8C8` or `#DED8B8` backgrounds for good readability.
  • Avoid using adjacent mid-tones like `#B0A080` and `#DED8B8` for text and background without careful contrast checks.
  • The darkest color, `#6A5B47`, provides excellent contrast for primary UI elements against lighter backgrounds.
  • Consider using a bright white or very light cream for text when using the darkest colors (`#6A5B47`, `#8C7B61`) as backgrounds.

Recommended combinations

Aged Parchment

Ideal for main content areas, with `#F5E8C8` as background, `#DED8B8` for cards, and `#6A5B47` for text/headings.

#F5E8C8 · #DED8B8 · #6A5B47

Sepia Tone

Excellent for navigation bars, footers, or hero sections, creating a rich, layered, and sophisticated feel.

#6A5B47 · #8C7B61 · #B0A080

Faded Ink

Suited for subtle gradients, background textures, or layered UI components that require soft, harmonious transitions.

#DED8B8 · #B0A080 · #8C7B61

CSS variables

:root {
  --old-book-pages-1: #F5E8C8;
  --old-book-pages-2: #DED8B8;
  --old-book-pages-3: #B0A080;
  --old-book-pages-4: #8C7B61;
  --old-book-pages-5: #6A5B47;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "old-book-pages": {
        1: "#F5E8C8",
        2: "#DED8B8",
        3: "#B0A080",
        4: "#8C7B61",
        5: "#6A5B47",
      }
    }
  }
}

Related searches

vintage book page colorsaged paper color schemesepia tone paletterustic antique browncozy vintage web design

Palette colors

Hex values

Color 1#F5E8C8
·
Color 2#DED8B8
·
Color 3#B0A080
·
Color 4#8C7B61
·
Color 5#6A5B47
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
2.1:1Fail
3.4:1AA18
5.4:1AA
2
1.2:1Fail
1.8:1Fail
2.9:1Fail
4.6:1AA
3
2.1:1Fail
1.8:1Fail
1.6:1Fail
2.6:1Fail
4
3.4:1AA18
2.9:1Fail
1.6:1Fail
1.6:1Fail
5
5.4:1AA
4.6:1AA
2.6:1Fail
1.6:1Fail

Similar palettes

More like Old Book Pages

View all neutral