Back to palettes

Palette

Midnight Bookstore Quiet

Deep, muted greys and browns, creating the hushed, inviting ambiance of an old bookstore at night.

darkcalm5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2B2B2B#504848#756D6D#A09A9A#CFCACA

Palette guide

How to use Midnight Bookstore Quiet

Overview

The "Midnight Bookstore Quiet" palette offers a sophisticated collection of deep, muted greys and warm browns, perfectly capturing a serene, contemplative atmosphere. Featuring foundational shades like #2B2B2B and #504848, it transitions through elegant mid-tones such as #756D6D and #A09A9A, culminating in the soft luminosity of #CFCACA. This palette is a designer's dream for projects requiring a sense of calm, heritage, or understated luxury. Developers will appreciate its versatility for creating harmonious user interfaces that feel both grounded and inviting, ensuring visual comfort without sacrificing depth. It's ideal for crafting experiences that evoke the quiet charm of an old library or a cozy evening read.

Best used for

  • Literary websites and blogs
  • Vintage or heritage brand identities
  • Editorial design and publishing layouts
  • Cozy interior design visualizations
  • Sophisticated UI themes for apps
  • Art and photography portfolios

Suggested color roles

primary

#2B2B2B – Use as a foundational dark background or for prominent headers, establishing a deep, anchors the design.

secondary

#504848 – Excellent for secondary content blocks, navigation bars, or subheadings, providing a warm, supporting tone.

accent

#756D6D – Apply for subtle interactive elements, hover states, or decorative lines to introduce a gentle visual break.

background

#CFCACA – Ideal for main content areas or as a soft, inviting canvas for lighter text elements.

text

#2B2B2B or #504848 on lighter backgrounds like #CFCACA for excellent readability. Use #CFCACA for light text on darker backgrounds.

Accessibility notes

  • Ensure sufficient contrast when pairing #2B2B2B or #504848 with #CFCACA for text, meeting WCAG AA standards.
  • Avoid using #756D6D and #A09A9A for small text on similar mid-tone backgrounds, as contrast may be insufficient.
  • For interactive elements, ensure distinct visual cues beyond color, especially when using closely related shades.
  • Consider using a tool to check contrast ratios for all critical text and UI element pairings.

Recommended combinations

Classic Read

A timeless combination for dark mode interfaces, using #2B2B2B as background, #CFCACA for main text, and #756D6D for subtle highlights.

#2B2B2B · #CFCACA · #756D6D

Gentle Contrast

Perfect for a light-themed design, with #CFCACA as background, #504848 for headings, and #A09A9A for supporting text or soft buttons.

#CFCACA · #504848 · #A09A9A

Muted Depth

Creates a rich, layered feel for hero sections or detailed graphic elements, using varied depths of dark and mid-tones.

#504848 · #2B2B2B · #A09A9A

CSS variables

:root {
  --midnight-bookstore-quiet-1: #2B2B2B;
  --midnight-bookstore-quiet-2: #504848;
  --midnight-bookstore-quiet-3: #756D6D;
  --midnight-bookstore-quiet-4: #A09A9A;
  --midnight-bookstore-quiet-5: #CFCACA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-bookstore-quiet": {
        1: "#2B2B2B",
        2: "#504848",
        3: "#756D6D",
        4: "#A09A9A",
        5: "#CFCACA",
      }
    }
  }
}

Related searches

dark academia color schemecozy neutral palettevintage greys and brownsmuted sophisticated colorscalm UI design palette

Palette colors

Hex values

Color 1#2B2B2B
·
Color 2#504848
·
Color 3#756D6D
·
Color 4#A09A9A
·
Color 5#CFCACA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.8:1Fail
5.1:1AA
8.7:1AAA
2
1.6:1Fail
1.8:1Fail
3.2:1AA18
5.5:1AA
3
2.8:1Fail
1.8:1Fail
1.8:1Fail
3.1:1AA18
4
5.1:1AA
3.2:1AA18
1.8:1Fail
1.7:1Fail
5
8.7:1AAA
5.5:1AA
3.1:1AA18
1.7:1Fail

Similar palettes

More like Midnight Bookstore Quiet

View all dark
Espresso Bean Roast
Espresso Roast Depth
Midnight Espresso Brew
Antique Library Tome
Dusty Library Tome
Espresso Cream