Back to palettes

Palette

Midnight Scroll Ink

Evokes the quiet ambiance of ancient manuscripts written under a moonlit sky, filled with faded stories.

MonochromeMinimal5 colors
More Monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Midnight Scroll Ink 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 Scroll Ink.

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

Data visualization

#0F1626#2F3E46#52636A#A6A9B6#D4D4D9

Palette guide

How to use Midnight Scroll Ink

Overview

The "Midnight Scroll Ink" palette is a monochromatic masterpiece, evoking the timeless elegance of ancient manuscripts and the quiet ambiance of a moonlit study. Its foundation is a profound, almost black navy (#0F1626), which deepens into a rich charcoal blue (#2F3E46). A sophisticated slate grey (#52636A) and a soft, muted silver (#A6A9B6) provide subtle transitions, culminating in a delicate, near-white parchment (#D4D4D9). This palette is exceptionally versatile for designers and developers seeking a clean, minimalist, and highly legible aesthetic, perfect for content-focused applications, professional branding, or sophisticated interfaces.

Best used for

  • Professional document design and reports
  • Minimalist website and app interfaces
  • Editorial design for magazines or blogs
  • Branding for consulting or legal firms
  • E-reader apps or digital publishing platforms
  • Sophisticated technical documentation

Suggested color roles

primary

#0F1626 serves as the quintessential "ink" for text or dominant structural elements, providing strong contrast and depth.

secondary

#2F3E46 is ideal for subheadings, navigation, or subtle dividers, offering a softer, yet still authoritative tone.

accent

#52636A can be used for secondary interactive elements, subtle highlights, or graphical elements that require a touch of distinction.

background

#D4D4D9 provides a clean, neutral "paper" background, ensuring maximum readability and a crisp appearance.

text

For dark backgrounds like #0F1626, use #D4D4D9 or white. For light backgrounds like #D4D4D9, use #0F1626 or a dark grey for optimal legibility.

Accessibility notes

  • Ensure #0F1626 text on #D4D4D9 background meets WCAG AAA contrast standards for body text.
  • #2F3E46 offers excellent readability on #D4D4D9 for headings and larger blocks of text.
  • Avoid using #A6A9B6 for small text on #D4D4D9, as contrast will likely be insufficient.
  • For interactive elements, ensure sufficient contrast against their background, especially when using #52636A.

Recommended combinations

Classic Document

Perfect for high-contrast, readable documents or e-book interfaces, mimicking ink on paper.

#0F1626 · #D4D4D9 · #52636A

Modern Slate

Excellent for creating subtle depth and visual interest in UI cards or data visualizations, maintaining a muted aesthetic.

#2F3E46 · #52636A · #A6A9B6

Dark Mode Read

Provides a sophisticated dark mode theme, with lighter greys used for secondary information and subtle accents.

#0F1626 · #2F3E46 · #A6A9B6

CSS variables

:root {
  --midnight-scroll-ink-1: #0F1626;
  --midnight-scroll-ink-2: #2F3E46;
  --midnight-scroll-ink-3: #52636A;
  --midnight-scroll-ink-4: #A6A9B6;
  --midnight-scroll-ink-5: #D4D4D9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-scroll-ink": {
        1: "#0F1626",
        2: "#2F3E46",
        3: "#52636A",
        4: "#A6A9B6",
        5: "#D4D4D9",
      }
    }
  }
}

Related searches

monochrome dark grey paletteminimalist ink colorsprofessional scroll themeelegant writing aestheticdark paper UI colors

Palette colors

Hex values

Color 1#0F1626
·
Color 2#2F3E46
·
Color 3#52636A
·
Color 4#A6A9B6
·
Color 5#D4D4D9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.9:1Fail
7.7:1AAA
12.2:1AAA
2
1.6:1Fail
1.8:1Fail
4.7:1AA
7.5:1AAA
3
2.9:1Fail
1.8:1Fail
2.7:1Fail
4.2:1AA18
4
7.7:1AAA
4.7:1AA
2.7:1Fail
1.6:1Fail
5
12.2:1AAA
7.5:1AAA
4.2:1AA18
1.6:1Fail

Similar palettes

More like Midnight Scroll Ink

View all Monochrome
Gritty Urban Canvas
Lunar Rock Garden
Abstract Urban Canvas
Aged Stone Reverie
Arctic Fox Camouflage
Chrome Reflection