Palette

Midnight Ink Quill

Deep, inky blacks and grays, like the solemn marks of a quill on ancient paper.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6A6C71#4B4E53#303338#1E2226#0F1215

Palette guide

How to use Midnight Ink Quill

Overview

The Midnight Ink Quill palette evokes the solemn marks of a quill on ancient paper, featuring a refined range of deep, inky blacks and grays. From the profound #0F1215 and #1E2226 to the softer #4B4E53 and #6A6C71, with #303338 serving as a crucial mid-tone, this monochromatic palette offers designers and developers a sophisticated foundation for minimalist and professional aesthetics. Its strength lies in its ability to create depth and texture using subtle tonal variations, making it ideal for projects that demand elegance, clarity, and a timeless appeal. This palette is perfect for conveying seriousness, professionalism, and understated luxury in digital and print media.

Best used for

Professional documents and reports
Minimalist web design and dark mode themes
Elegant photography portfolios
Cybersecurity or tech branding
Classic typography and editorial design
Art installations and gallery websites

Suggested color roles

primary

Utilize #0F1215 as the foundational background color for profound depth and a stark, elegant base.

secondary

Apply #1E2226 or #303338 for supporting elements, subheadings, or subtle visual separation.

accent

Employ #6A6C71 for soft highlights, subtle interactive elements, or to provide a gentle contrast.

background

The deepest #0F1215 provides a dramatic and professional dark canvas, enhancing other tones.

text

Pair light text colors like #6A6C71 or pure white (e.g., #FFFFFF) against the darker backgrounds for optimal legibility.

Accessibility notes

Ensure sufficient contrast when using #4B4E53 for text on #303338; larger text is recommended.
Prioritize #6A6C71 or white for all essential text and interactive elements to meet WCAG contrast guidelines on dark surfaces.
Avoid using #1E2226 for small text on #0F1215, as the contrast may be insufficient for readability.
When designing with monochromatic palettes, use variations in font weight and size to aid visual hierarchy and readability.

Recommended combinations

Ink Base

Excellent for primary dark backgrounds with subtle depth and a light, elegant highlight for text or icons.

#0F1215 · #1E2226 · #6A6C71

Quill Layers

Creates a smooth, layered grey effect, ideal for backgrounds or UI components that need subtle visual separation.

#1E2226 · #303338 · #4B4E53

Contrast Accent

Provides strong contrast for key information or visual elements against a deep, stable base.

#0F1215 · #4B4E53 · #6A6C71

CSS variables

:root {
  --midnight-ink-quill-1: #6A6C71;
  --midnight-ink-quill-2: #4B4E53;
  --midnight-ink-quill-3: #303338;
  --midnight-ink-quill-4: #1E2226;
  --midnight-ink-quill-5: #0F1215;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-ink-quill": {
        1: "#6A6C71",
        2: "#4B4E53",
        3: "#303338",
        4: "#1E2226",
        5: "#0F1215",
      }
    }
  }
}

Hex values

Color 1#6A6C71

Color 2#4B4E53

Color 3#303338

Color 4#1E2226

Color 5#0F1215

Accessibility

Contrast checker

1.6:1Fail

2.4:1Fail

3:1AA18

3.6:1AA18

1.6:1Fail

1.5:1Fail

1.9:1Fail

2.2:1Fail

2.4:1Fail

1.5:1Fail

1.3:1Fail

1.5:1Fail

3:1AA18

1.9:1Fail

1.3:1Fail

1.2:1Fail

3.6:1AA18

2.2:1Fail

1.5:1Fail

1.2:1Fail

Similar palettes

More like Midnight Ink Quill

Midnight Ink Quill

See it in context.

Ready when you are.

Built with Midnight Ink Quill.

How to use Midnight Ink Quill

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Ink Base

Quill Layers

Contrast Accent

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Midnight Ink Quill