Palette

Vintage Bookstore

Warm browns and muted tones evoke the rich, comforting scent of old books and worn leather in a quiet library.

darkcalm5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6A4A3C#8B6F5D#B3A297#4F332A#3A261D

Palette guide

How to use Vintage Bookstore

Overview

The Vintage Bookstore palette evokes the rich, comforting scent of old books and worn leather in a quiet library, offering a sophisticated array of deep, warm browns and muted tones. Featuring a profound Liver (`#6A4A3C`), a warm Russet (`#8B6F5D`), and a softer Rosy Brown (`#B3A297`), this collection provides a sense of history and intellectual depth. The darker Liver (`#4F332A`) and Deep Taupe (`#3A261D`) ground the palette, offering excellent choices for text and deep accents. This palette is ideal for projects that aim to convey tradition, intellectual warmth, and a timeless, cozy aesthetic, perfect for literary, artisanal, or heritage brands.

Best used for

Academic institution branding
Luxury goods packaging
Classic novel cover designs
E-commerce for vintage items
Gentlemen's club or lounge interiors
Historical documentary design

Suggested color roles

primary

#4F332A (Liver) - Use as a strong, grounding brand color or for significant headers, conveying tradition and depth.

secondary

#6A4A3C (Liver) - Excellent for secondary elements, buttons, or illustrations, adding warmth and an aged feel.

accent

#B3A297 (Rosy Brown) - Apply sparingly for subtle highlights, interactive states, or to soften darker areas with a classic, aged feel.

background

#8B6F5D (Russet) - A warm, inviting background color, suitable for sections or hero images, providing a rich canvas.

text

#3A261D (Deep Taupe) - Perfect for body text and critical information, offering strong readability against lighter browns and maintaining the palette's rich, vintage tone.

Accessibility notes

Ensure `#3A261D` text on `#B3A297` background meets WCAG contrast standards for readability.
Avoid using `#B3A297` directly on `#8B6F5D` for small text due to potential low contrast.
Use high contrast pairings like `#3A261D` text on `#B3A297` for main content and headings.
For interactive elements, ensure distinct visual cues beyond just color, especially when using similar brown tones.

Recommended combinations

Classic Study

For a sophisticated layout: `#B3A297` background, `#4F332A` for text, and `#6A4A3C` for titles or important links.

#B3A297 · #4F332A · #6A4A3C

Worn Leather

Effective for creating rich, textured sections or graphic elements, reminiscent of antique leather and wood.

#6A4A3C · #8B6F5D · #4F332A

Subtle Patina

Suitable for background textures, subtle gradients, or decorative elements that require a gentle, aged appearance.

#8B6F5D · #B3A297 · #6A4A3C

CSS variables

:root {
  --vintage-bookstore-1: #6A4A3C;
  --vintage-bookstore-2: #8B6F5D;
  --vintage-bookstore-3: #B3A297;
  --vintage-bookstore-4: #4F332A;
  --vintage-bookstore-5: #3A261D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-bookstore": {
        1: "#6A4A3C",
        2: "#8B6F5D",
        3: "#B3A297",
        4: "#4F332A",
        5: "#3A261D",
      }
    }
  }
}

Hex values

Color 1#6A4A3C

Color 2#8B6F5D

Color 3#B3A297

Color 4#4F332A

Color 5#3A261D

Accessibility

Contrast checker

1.7:1Fail

3.2:1AA18

1.4:1Fail

1.8:1Fail

1.7:1Fail

1.9:1Fail

2.5:1Fail

3.1:1AA18

3.2:1AA18

1.9:1Fail

4.6:1AA

5.8:1AA

1.4:1Fail

2.5:1Fail

4.6:1AA

1.2:1Fail

1.8:1Fail

3.1:1AA18

5.8:1AA

1.2:1Fail

Similar palettes

More like Vintage Bookstore

Espresso Retreat Corner

Espresso Roast Depth