Back to palettes

Palette

Quiet Library Corner

Warm, comforting browns and creamy accents, perfect for a cozy reading nook filled with old books.

neutralcalm5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Quiet Library Corner 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 Quiet Library Corner.

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

Data visualization

#5C4033#8B4513#A0522D#D2B48C#F5F5DC

Palette guide

How to use Quiet Library Corner

Overview

The Quiet Library Corner palette offers warm, comforting browns and creamy accents, perfect for evoking a cozy reading nook filled with old books. From the deep, rich #5C4033 to the soft, inviting #F5F5DC, this collection provides a harmonious and welcoming feel. Designers can use these hex codes to create environments that feel classic and intellectual, while developers will appreciate the distinct yet complementary shades for building a cohesive user interface. The versatile #8B4513 and #A0522D offer excellent options for depth and warmth, making this palette ideal for projects centered around knowledge, comfort, or heritage.

Best used for

  • Bookstore or library branding
  • Coffee shop and cafe interior design
  • Academic institution websites and publications
  • Vintage-inspired product lines and packaging
  • Cozy blog designs and lifestyle content
  • Subscription box services for books or crafts

Suggested color roles

primary

Use #8B4513 as a rich, inviting brown for main content areas, headers, or prominent brand elements.

secondary

Employ #D2B48C for supporting sections, sub-headers, or UI elements, providing a soft, natural tan.

accent

Apply #5C4033 sparingly for strong contrasts, icons, or calls-to-action, adding significant depth and sophistication.

background

The creamy #F5F5DC serves as an excellent, soft background, ensuring optimal readability for darker text.

text

Utilize #5C4033 for primary text, offering superb legibility against lighter backgrounds like #F5F5DC.

Accessibility notes

  • Ensure #5C4033 text has strong contrast against #F5F5DC, meeting WCAG AA requirements for all text sizes.
  • Avoid using #D2B48C for small text on #F5F5DC backgrounds; contrast may be insufficient.
  • When placing #8B4513 on #F5F5DC, verify contrast for readability, especially for body text.
  • For interactive elements, always check contrast ratios when combining different shades within this palette.

Recommended combinations

Aged Pages

Creates a traditional text hierarchy, with #F5F5DC for background, #D2B48C for sub-text, and #8B4513 for main body.

#F5F5DC · #D2B48C · #8B4513

Leather & Wood

Excellent for defining rich, textured elements like cards or footers, conveying warmth and heritage.

#5C4033 · #A0522D · #8B4513

Cozy Nook

Provides a warm, inviting feel for UI elements, suggesting comfort and ease of use.

#F5F5DC · #D2B48C · #A0522D

CSS variables

:root {
  --quiet-library-corner-1: #5C4033;
  --quiet-library-corner-2: #8B4513;
  --quiet-library-corner-3: #A0522D;
  --quiet-library-corner-4: #D2B48C;
  --quiet-library-corner-5: #F5F5DC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "quiet-library-corner": {
        1: "#5C4033",
        2: "#8B4513",
        3: "#A0522D",
        4: "#D2B48C",
        5: "#F5F5DC",
      }
    }
  }
}

Related searches

library color schemecozy brown palettevintage book colorswarm earthy tonesrustic academic colors

Palette colors

Hex values

Color 1#5C4033
·
Color 2#8B4513
·
Color 3#A0522D
·
Color 4#D2B48C
·
Color 5#F5F5DC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
4.8:1AA
8.5:1AAA
2
1.3:1Fail
1.3:1Fail
3.6:1AA18
6.4:1AA
3
1.7:1Fail
1.3:1Fail
2.8:1Fail
5.1:1AA
4
4.8:1AA
3.6:1AA18
2.8:1Fail
1.8:1Fail
5
8.5:1AAA
6.4:1AA
5.1:1AA
1.8:1Fail

Similar palettes

More like Quiet Library Corner

View all neutral