Back to palettes

Palette

Midnight Library Study

Deep, muted colors ideal for quiet contemplation and the allure of old books.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2F4F4F#5F9EA0#A9A9A9#4B0082#1C1C1C

Palette guide

How to use Midnight Library Study

Overview

The Midnight Library Study palette offers a sophisticated blend of deep grays, rich teal, and a mysterious indigo purple, perfect for evoking intellectual depth and quiet contemplation. Anchored by the charcoal #1C1C1C and the dark slate gray #2F4F4F, it introduces the calming #5F9EA0 (cadet blue) and the striking #4B0082 (indigo). This palette is designed for designers and developers aiming to create an atmosphere of mystery and knowledge, ideal for projects that require a refined, thoughtful, and slightly enigmatic aesthetic, reminiscent of ancient tomes and hushed studies.

Best used for

  • Educational and academic platforms
  • Mystery or thriller game user interfaces
  • Sophisticated branding for professional services
  • Publishing house websites
  • Luxury tech product interfaces
  • Dark mode themes with a touch of elegance

Suggested color roles

primary

Use #2F4F4F as the dominant background or for main content sections, providing a solid, dark foundation.

secondary

Apply #A9A9A9 for neutral support, such as primary text, subtle dividers, or secondary information, offering clarity.

accent

Utilize #4B0082 as a deep, mysterious highlight for interactive elements, calls-to-action, or key visual anchors.

background

Employ #1C1C1C as the deepest background color, setting a profound and immersive stage for the other hues.

text

For primary text, #A9A9A9 offers excellent readability on darker backgrounds. For secondary or subtle text, #5F9EA0 can be used with sufficient font size.

Accessibility notes

  • Ensure #A9A9A9 and #5F9EA0 have sufficient contrast when used for text on #1C1C1C or #2F4F4F backgrounds.
  • Avoid using #1C1C1C and #2F4F4F as text and background pairs due to insufficient contrast.
  • The deep purple #4B0082 may require a lighter text color (e.g., white or #A9A9A9) when used for buttons or accents.
  • Maintain clear visual cues for interactive elements, ensuring they stand out against the deep background tones.

Recommended combinations

Deep Study Base

A strong base with #1C1C1C as background, #2F4F4F for content panels, and #A9A9A9 for primary text or navigation.

#1C1C1C · #2F4F4F · #A9A9A9

Mysterious Accents

Use #2F4F4F for main content, #5F9EA0 for subheadings or secondary information, and #4B0082 for compelling calls-to-action.

#2F4F4F · #5F9EA0 · #4B0082

Elegant Layering

Employ #1C1C1C as background, #A9A9A9 for prominent headings, and #5F9EA0 for body text where good contrast is maintained.

#1C1C1C · #A9A9A9 · #5F9EA0

CSS variables

:root {
  --midnight-library-study-1: #2F4F4F;
  --midnight-library-study-2: #5F9EA0;
  --midnight-library-study-3: #A9A9A9;
  --midnight-library-study-4: #4B0082;
  --midnight-library-study-5: #1C1C1C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-library-study": {
        1: "#2F4F4F",
        2: "#5F9EA0",
        3: "#A9A9A9",
        4: "#4B0082",
        5: "#1C1C1C",
      }
    }
  }
}

Related searches

dark academia palettemysterious purple greylibrary theme colorssophisticated dark UIteal indigo color scheme

Palette colors

Hex values

Color 1#2F4F4F
·
Color 2#5F9EA0
·
Color 3#A9A9A9
·
Color 4#4B0082
·
Color 5#1C1C1C
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.9:1Fail
3.8:1AA18
1.5:1Fail
1.9:1Fail
2
2.9:1Fail
1.3:1Fail
4.2:1AA18
5.6:1AA
3
3.8:1AA18
1.3:1Fail
5.5:1AA
7.3:1AAA
4
1.5:1Fail
4.2:1AA18
5.5:1AA
1.3:1Fail
5
1.9:1Fail
5.6:1AA
7.3:1AAA
1.3:1Fail

Similar palettes

More like Midnight Library Study

View all dark
Cosmic Dust Trails
Dark Sea Onyx
Dark Star Glimmer
Deep Space Nebula
Enigma Quill Ink
Galactic Void Dust