Palette

Scholarly Library Nook

The sophisticated, quiet atmosphere of a cozy library corner, filled with old books and polished wood.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4E2A2A#0A6640#CCAF6E#F8F0D0#3A3A3A

Palette guide

How to use Scholarly Library Nook

Overview

The Scholarly Library Nook palette captures the sophisticated, quiet atmosphere of a cozy library corner, blending deep, rich tones with bright accents. Featuring the elegant #4E2A2A (a dark red-brown), the vibrant #0A6640 (forest green), the luxurious #CCAF6E (warm gold), and the soft #F8F0D0 (cream), alongside a versatile #3A3A3A (charcoal), this palette is genuinely useful for designers and developers aiming for a classic, vintage, and inviting aesthetic. It offers excellent contrast and a harmonious balance of warmth and depth, perfect for conveying tradition and elegance.

Best used for

Boutique hotel branding and interiors
Literary magazine or publishing house websites
Artisanal craft and handmade product showcases
Luxury cafe or restaurant branding
Educational platforms with a classic, trusted feel
Event branding for sophisticated gatherings

Suggested color roles

primary

Use #4E2A2A for deep, foundational elements like headers or large background sections, or #3A3A3A for a strong, neutral base.

secondary

Employ #0A6640 to introduce a rich, natural counterpoint, ideal for sidebars, navigation, or secondary informational blocks.

accent

Apply #CCAF6E for high-impact calls to action, important highlights, or decorative flourishes to add a touch of luxury.

background

Utilize #F8F0D0 for main content areas, providing a clean, warm, and highly readable canvas, or #3A3A3A for a sophisticated dark mode.

text

For light backgrounds like #F8F0D0, use #3A3A3A or #4E2A2A. For dark backgrounds, use #F8F0D0 or a crisp white for optimal legibility.

Accessibility notes

Ensure #F8F0D0 provides sufficient contrast for dark text like #3A3A3A or #4E2A2A.
When using #CCAF6E for text, verify it meets WCAG contrast standards against both #F8F0D0 and darker backgrounds.
The vibrant #0A6640 may need careful pairing with text; use #F8F0D0 or a bright white for best readability.
Test all interactive elements to ensure clear visual feedback and sufficient contrast.

Recommended combinations

Classic Contrast

Creates a strong, elegant statement with a rich dark, a bright background, and a luxurious accent.

#4E2A2A · #F8F0D0 · #CCAF6E

Wood & Brass

Mimics traditional library elements, excellent for UI components and layered designs.

#3A3A3A · #CCAF6E · #0A6640

Refined Earth

Blends the natural green with a light background and a deep red-brown for a balanced, inviting look.

#0A6640 · #F8F0D0 · #4E2A2A

CSS variables

:root {
  --scholarly-library-nook-1: #4E2A2A;
  --scholarly-library-nook-2: #0A6640;
  --scholarly-library-nook-3: #CCAF6E;
  --scholarly-library-nook-4: #F8F0D0;
  --scholarly-library-nook-5: #3A3A3A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "scholarly-library-nook": {
        1: "#4E2A2A",
        2: "#0A6640",
        3: "#CCAF6E",
        4: "#F8F0D0",
        5: "#3A3A3A",
      }
    }
  }
}

Hex values

Color 1#4E2A2A

Color 2#0A6640

Color 3#CCAF6E

Color 4#F8F0D0

Color 5#3A3A3A

Accessibility

Contrast checker

1.8:1Fail

5.9:1AA

10.9:1AAA

1.1:1Fail

1.8:1Fail

3.3:1AA18

6.1:1AA

1.6:1Fail

5.9:1AA

3.3:1AA18

1.9:1Fail

5.4:1AA

10.9:1AAA

6.1:1AA

1.9:1Fail

9.9:1AAA

1.1:1Fail

1.6:1Fail

5.4:1AA

9.9:1AAA

Similar palettes

More like Scholarly Library Nook

Crimson Velvet Theatre

Dark Academia Aura

Dark Academia Library