Back to palettes

Palette

Quiet Library Nook

Captures the comforting tranquility of old books and a secluded reading space.

NeutralCalm5 colors
More Neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#36454F#8B4513#D2B48C#F5DEB3#5F9EA0

Palette guide

How to use Quiet Library Nook

Overview

The Quiet Library Nook palette beautifully captures the comforting tranquility of old books and a secluded reading space. This collection, featuring the deep charcoal blue of #36454F, the rich brown of #8B4513, and the creamy softness of #F5DEB3, provides a warm yet sophisticated ambiance. Designers can utilize these hex codes to evoke a sense of calm, intellectual curiosity, and coziness. Developers will find the balanced mix of warm neutrals and a subtle accent like #5F9EA0 easy to integrate for a user-friendly and aesthetically pleasing interface. This palette is ideal for projects that aim to inspire focus and relaxation.

Best used for

  • Cozy cafe or bookstore branding
  • Academic and educational platforms
  • Personal blogs focusing on literature or quiet hobbies
  • Storytelling websites and digital publications
  • Vintage-inspired home decor products
  • Subscription box services for books or artisanal goods

Suggested color roles

primary

Use #8B4513 as a warm, 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, light tan.

accent

Apply #5F9EA0 sparingly for calls-to-action, icons, or subtle highlights, introducing a refreshing, muted blue-green contrast.

background

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

text

Utilize #36454F for primary text, offering superb legibility against lighter backgrounds like #F5DEB3.

Accessibility notes

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

Recommended combinations

Classic Binding

Creates a traditional text and background scheme, with #F5DEB3 as the page, #D2B48C for highlights, and #36454F for text.

#F5DEB3 · #D2B48C · #36454F

Antique Desk

Excellent for defining rich accents and deep backgrounds, conveying a sense of history and craftsmanship.

#8B4513 · #5F9EA0 · #36454F

Reading Light

Provides a soft, warm feel for UI elements, suggesting comfort and an inviting glow.

#F5DEB3 · #D2B48C · #8B4513

CSS variables

:root {
  --quiet-library-nook-1: #36454F;
  --quiet-library-nook-2: #8B4513;
  --quiet-library-nook-3: #D2B48C;
  --quiet-library-nook-4: #F5DEB3;
  --quiet-library-nook-5: #5F9EA0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "quiet-library-nook": {
        1: "#36454F",
        2: "#8B4513",
        3: "#D2B48C",
        4: "#F5DEB3",
        5: "#5F9EA0",
      }
    }
  }
}

Related searches

vintage reading colorscozy library paletteacademic design schemeearthy blue browntranquil book nook

Palette colors

Hex values

Color 1#36454F
·
Color 2#8B4513
·
Color 3#D2B48C
·
Color 4#F5DEB3
·
Color 5#5F9EA0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
5:1AA
7.5:1AAA
3.2:1AA18
2
1.4:1Fail
3.6:1AA18
5.4:1AA
2.3:1Fail
3
5:1AA
3.6:1AA18
1.5:1Fail
1.5:1Fail
4
7.5:1AAA
5.4:1AA
1.5:1Fail
2.3:1Fail
5
3.2:1AA18
2.3:1Fail
1.5:1Fail
2.3:1Fail

Similar palettes

More like Quiet Library Nook

View all Neutral
Cozy Bookstore Corner
Dusty Bookstack Beige
Vintage Bookstore Page
Coffee Break
Ancient Temple Serene
Clouded Moon Reflection