Palette

Vintage Library Study

Rich, muted tones reminiscent of old books and worn leather in a cozy library.

neutralelegant5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8C6A5A#B49A88#4D3C33#6D5B4D#2A1F1B

Palette guide

How to use Vintage Library Study

Overview

The Vintage Library Study palette offers a sophisticated and grounded collection of muted browns, evoking the serene atmosphere of a classic academic space. With hues ranging from the deep, anchoring #2A1F1B to the lighter, inviting #B49A88, this palette is rich in character and depth. Mid-tones like #8C6A5A and #6D5B4D provide excellent versatility for creating visual hierarchy and warm textures. Ideal for designs that aim for an elegant, intellectual, or cozy ambiance, this palette is perfect for conveying a sense of tradition, quality, and contemplative thought across various digital and print media.

Best used for

Academic institution branding or websites
High-end traditional product packaging
Editorial layouts for sophisticated content
Interior design for studies, libraries, or offices
Branding for bespoke services or artisan crafts
Elegant event invitations and stationery

Suggested color roles

primary

Employ #6D5B4D or #8C6A5A as primary brand colors for main content areas or navigation, offering a balanced and refined base.

secondary

Use #B49A88 for secondary elements, subtle backgrounds, or accents to add a touch of lightness and warmth.

accent

Reserve the deepest #2A1F1B for strong accents, important calls-to-action, or to define borders, providing profound contrast.

background

A lighter shade like #B49A88 or a complementary off-white works well for primary backgrounds, ensuring good readability. For a moodier feel, #8C6A5A can be used with light text.

text

For body text, use the dark #2A1F1B or #4D3C33 against lighter backgrounds. On dark backgrounds, white or a very light cream is recommended for readability.

Accessibility notes

Ensure high contrast between text colors like #2A1F1B or #4D3C33 and lighter backgrounds such as #B49A88 for WCAG AA compliance.
Avoid using #8C6A5A text on #6D5B4D backgrounds due to potentially insufficient contrast, especially for smaller font sizes.
Always check contrast ratios for all interactive elements to ensure they are distinguishable and usable for all users.
When using darker palette colors as backgrounds, ensure text is sufficiently light (e.g., white or a very pale cream) to meet accessibility standards.

Recommended combinations

Scholarly Read

Text (#2A1F1B) on a light background (#B49A88), with headers or emphasis in #6D5B4D.

#2A1F1B · #B49A88 · #6D5B4D

Deep Academia

Effective for layered UI, where #4D3C33 is primary, #8C6A5A secondary, and #2A1F1B for deep accents.

#4D3C33 · #8C6A5A · #2A1F1B

Cozy Study

Creates a soft, harmonious gradient, perfect for background elements or subtle branding.

#B49A88 · #6D5B4D · #4D3C33

CSS variables

:root {
  --vintage-library-study-1: #8C6A5A;
  --vintage-library-study-2: #B49A88;
  --vintage-library-study-3: #4D3C33;
  --vintage-library-study-4: #6D5B4D;
  --vintage-library-study-5: #2A1F1B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-library-study": {
        1: "#8C6A5A",
        2: "#B49A88",
        3: "#4D3C33",
        4: "#6D5B4D",
        5: "#2A1F1B",
      }
    }
  }
}

Hex values

Color 1#8C6A5A

Color 2#B49A88

Color 3#4D3C33

Color 4#6D5B4D

Color 5#2A1F1B

Accessibility

Contrast checker

1.8:1Fail

2.2:1Fail

1.3:1Fail

3.3:1AA18

1.8:1Fail

3.9:1AA18

2.4:1Fail

6:1AA

2.2:1Fail

3.9:1AA18

1.6:1Fail

1.5:1Fail

1.3:1Fail

2.4:1Fail

1.6:1Fail

2.5:1Fail

3.3:1AA18

6:1AA

1.5:1Fail

2.5:1Fail

Similar palettes

More like Vintage Library Study

Vintage Leather Bound

Worn Leather Bound