Palette

Vintage Library Books

Warm, faded browns and creams evoke the quiet charm of old books in a cozy library.

earthretro5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#5C3D2E#8A5F48#BA8C6B#E4BB9C#F8EAD7

Palette guide

How to use Vintage Library Books

Overview

The Vintage Library Books palette offers a warm and inviting collection inspired by the hushed tones of an old library. Featuring soft browns and creams, from the deep #5C3D2E to the almost parchment-like #F8EAD7, this palette perfectly captures a sense of nostalgia and quiet comfort. The mid-tones like #8A5F48 and #BA8C6B provide versatile options for layering and depth, while #E4BB9C adds a gentle, aged quality. This collection is excellent for designs aiming for a cozy, antique, or intellectual aesthetic, lending itself well to both digital and physical applications that require a touch of timeless charm.

Best used for

Cozy blog or editorial website designs
Branding for cafes, bookstores, or antique shops
Vintage-themed event invitations and decor
E-commerce for artisanal goods or handcrafted items
Educational or historical content platforms
Residential interior design concepts

Suggested color roles

primary

Utilize #8A5F48 or #BA8C6B as a foundational color for main content blocks or navigation, providing a warm, approachable base.

secondary

Employ the lighter #E4BB9C or #F8EAD7 for backgrounds, subtle dividers, or secondary information, maintaining an airy feel.

accent

Reserve the deep #5C3D2E for strong accents, important headings, or interactive elements to create contrast and anchor the design.

background

The soft #F8EAD7 is ideal for primary backgrounds, evoking aged paper. For darker backgrounds, #BA8C6B offers a cozy alternative.

text

For optimal readability, use #5C3D2E for body text against light backgrounds like #F8EAD7. A dark charcoal or black can also be used for contrast.

Accessibility notes

Ensure sufficient contrast when using #5C3D2E or #8A5F48 for text on lighter backgrounds like #E4BB9C or #F8EAD7.
Avoid pairing #BA8C6B text directly on #E4BB9C backgrounds due to low contrast, especially for small text.
Use a contrast checker to verify all text and interactive element color combinations for WCAG AA compliance.
Consider using a slightly darker text color (e.g., black) for critical information if the palette's darkest brown doesn't meet contrast ratios on very light tones.

Recommended combinations

Parchment Read

Text (#5C3D2E) on a light background (#F8EAD7) with headings or highlights in #BA8C6B.

#5C3D2E · #F8EAD7 · #BA8C6B

Warm Comfort

Use #8A5F48 for main sections, #E4BB9C for backgrounds, and #5C3D2E for strong accents.

#8A5F48 · #E4BB9C · #5C3D2E

Aged Pages

Creates a soft, layered effect, good for cards or distinct content blocks.

#BA8C6B · #F8EAD7 · #8A5F48

CSS variables

:root {
  --vintage-library-books-1: #5C3D2E;
  --vintage-library-books-2: #8A5F48;
  --vintage-library-books-3: #BA8C6B;
  --vintage-library-books-4: #E4BB9C;
  --vintage-library-books-5: #F8EAD7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-library-books": {
        1: "#5C3D2E",
        2: "#8A5F48",
        3: "#BA8C6B",
        4: "#E4BB9C",
        5: "#F8EAD7",
      }
    }
  }
}

Hex values

Color 1#5C3D2E

Color 2#8A5F48

Color 3#BA8C6B

Color 4#E4BB9C

Color 5#F8EAD7

Accessibility

Contrast checker

1.8:1Fail

3.3:1AA18

5.5:1AA

8.2:1AAA

1.8:1Fail

1.9:1Fail

3.1:1AA18

4.7:1AA

3.3:1AA18

1.9:1Fail

1.7:1Fail

2.5:1Fail