Palette

Midnight Scholar Desk

Deep forest greens and muted browns create a quiet, contemplative atmosphere for late-night study.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Midnight Scholar Desk 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 Scholar Desk.

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

Data visualization

#2F4F4F#4A3C3E#6E5C5D#8C7C7F#A99D9D

Palette guide

How to use Midnight Scholar Desk

Overview

The "Midnight Scholar Desk" palette evokes a quiet, contemplative atmosphere with its sophisticated blend of deep forest greens and muted, earthy browns. The primary shade, a dark slate green (#2F4F4F), anchors the palette, complemented by a rich, warm brown (#4A3C3E). Mid-tones include a soft taupe (#6E5C5D) and a gentle rose-grey (#8C7C7F), leading to a light, almost parchment-like grey (#A99D9D). This palette is perfect for designers and developers crafting experiences that require a sense of intellectual depth, vintage charm, or a cozy, academic feel, ideal for long periods of focus.

Best used for

Academic institution branding or websites
E-learning platforms or digital libraries
Bookstore or coffee shop interiors
Vintage-inspired product packaging
Personal journaling apps or writing tools
Editorial design for scholarly publications

Suggested color roles

primary

#2F4F4F serves as a grounding dark background or for significant structural elements, promoting focus and stability.

secondary

#4A3C3E works well for headers, sidebars, or callout boxes, adding warmth and depth to the design.

accent

#6E5C5D can be used for subtle highlights, interactive elements, or progress indicators, providing a gentle visual cue.

background

#A99D9D offers a light, parchment-like canvas for main content, enhancing readability and a classic feel.

text

For dark backgrounds like #2F4F4F, use #A99D9D or a near-white. For light backgrounds like #A99D9D, use #2F4F4F or a deep charcoal brown for optimal legibility.

Accessibility notes

Ensure #2F4F4F text on #A99D9D background meets WCAG AA or AAA contrast standards.
#4A3C3E provides good contrast on #A99D9D for body text and headings.
Be cautious using #8C7C7F for small text on #A99D9D, as contrast might be insufficient.
For interactive elements, ensure the chosen accent color has enough contrast against its surrounding background.

Recommended combinations

Study Nook

Ideal for creating a warm, inviting dark mode for reading applications or academic portals.

#2F4F4F · #4A3C3E · #A99D9D

Vintage Tome

Excellent for subtle layering in UI elements, evoking an aged, sophisticated aesthetic for print materials.

#4A3C3E · #6E5C5D · #8C7C7F

Focused Read

Best for content-heavy pages, using the light background for text and dark colors for structure and subtle accents.

#2F4F4F · #A99D9D · #6E5C5D

CSS variables

:root {
  --midnight-scholar-desk-1: #2F4F4F;
  --midnight-scholar-desk-2: #4A3C3E;
  --midnight-scholar-desk-3: #6E5C5D;
  --midnight-scholar-desk-4: #8C7C7F;
  --midnight-scholar-desk-5: #A99D9D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-scholar-desk": {
        1: "#2F4F4F",
        2: "#4A3C3E",
        3: "#6E5C5D",
        4: "#8C7C7F",
        5: "#A99D9D",
      }
    }
  }
}

Hex values

Color 1#2F4F4F

Color 2#4A3C3E

Color 3#6E5C5D

Color 4#8C7C7F

Color 5#A99D9D

Accessibility

Contrast checker

1.2:1Fail

1.4:1Fail

2.3:1Fail

3.4:1AA18

1.2:1Fail

1.7:1Fail

2.6:1Fail

4:1AA18

1.4:1Fail

1.7:1Fail

1.6:1Fail

2.4:1Fail

2.3:1Fail

2.6:1Fail

1.6:1Fail

1.5:1Fail

3.4:1AA18

4:1AA18

2.4:1Fail

1.5:1Fail

Similar palettes

More like Midnight Scholar Desk

View all dark

Dark Academia Charm

Abyss Gaze

Abyssal Bioluminescent Glow

Abyssal Coral Glow

Abyssal Deep Current

Abyssal Depths