Back to palettes

Palette

Midnight Ink Spill

A deep, brooding monochromatic palette evoking the intense, reflective nature of spilled black ink.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0A0A0A#1C1C1C#2F2F2F#404040#555555

Palette guide

How to use Midnight Ink Spill

Overview

The Midnight Ink Spill palette offers a profoundly dark and sophisticated monochromatic journey, perfect for designs requiring elegance and drama. Featuring deep charcoal tones from #0A0A0A to #555555, this collection evokes the rich intensity of spilled black ink. Designers can leverage these shades to craft immersive user interfaces, luxurious branding, or artistic portfolios. The subtle shifts between #1C1C1C, #2F2F2F, and #404040 provide ample versatility for establishing hierarchy and texture without introducing jarring contrasts, making it ideal for creating a cohesive, high-end aesthetic. This palette is excellent for projects aiming for a moody yet refined visual impact.

Best used for

  • Luxury brand websites and apps
  • High-end photography or art portfolios
  • Dark mode UI themes
  • Cinematic video production branding
  • Minimalist and sophisticated editorial designs
  • Tech interfaces requiring a sleek, premium feel

Suggested color roles

primary

Utilize #0A0A0A as the foundational background for a truly deep, immersive base, ideal for hero sections or full-screen overlays.

secondary

Employ #1C1C1C for secondary panels, card backgrounds, or subtle dividers, providing a slight lift from the primary dark.

accent

Apply #404040 for subtle interactive states, borders, or non-critical icons, offering a gentle contrast within the dark theme.

background

The deepest tone, #0A0A0A, is perfect for core backgrounds to create a dramatic and expansive canvas.

text

Use a lighter gray like #555555 for secondary text elements, and pure white (#FFFFFF) or a very light gray for primary text to ensure optimal readability against the dark backgrounds.

Accessibility notes

  • Ensure sufficient contrast (WCAG AA or AAA) for all text elements, especially when using lighter grays on darker grays within the palette.
  • Pair the darkest background (#0A0A0A) with the lightest text (#555555 or white) for critical information and actionable items.
  • Avoid using mid-tone grays like #2F2F2F or #404040 for small body text as contrast may be insufficient against similar backgrounds.
  • Always use a dedicated accessible color contrast checker during development to validate all text and UI element pairings.

Recommended combinations

Deep Contrast

For strong visual hierarchy: deep background, light text, and a slightly lighter secondary element.

#0A0A0A · #555555 · #1C1C1C

Subtle Gradient

To create depth and dimension in UI elements like cards, modal dialogs, or layered interfaces.

#1C1C1C · #2F2F2F · #404040

Modern Elegance

Ideal for a clean, sophisticated look with a dark base, mid-tone accents, and readable lighter text.

#0A0A0A · #404040 · #555555

CSS variables

:root {
  --midnight-ink-spill-2-1: #0A0A0A;
  --midnight-ink-spill-2-2: #1C1C1C;
  --midnight-ink-spill-2-3: #2F2F2F;
  --midnight-ink-spill-2-4: #404040;
  --midnight-ink-spill-2-5: #555555;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-ink-spill-2": {
        1: "#0A0A0A",
        2: "#1C1C1C",
        3: "#2F2F2F",
        4: "#404040",
        5: "#555555",
      }
    }
  }
}

Related searches

dark monochromatic color schemecharcoal gray palette designmoody ui colorsdeep black website paletteminimalist dark theme hex codes

Palette colors

Hex values

Color 1#0A0A0A
·
Color 2#1C1C1C
·
Color 3#2F2F2F
·
Color 4#404040
·
Color 5#555555
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
1.9:1Fail
2.7:1Fail
2
1.2:1Fail
1.3:1Fail
1.6:1Fail
2.3:1Fail
3
1.5:1Fail
1.3:1Fail
1.3:1Fail
1.8:1Fail
4
1.9:1Fail
1.6:1Fail
1.3:1Fail
1.4:1Fail
5
2.7:1Fail
2.3:1Fail
1.8:1Fail
1.4:1Fail

Similar palettes

More like Midnight Ink Spill

View all dark
Crimson Fjord Twilight
Enchanted Gloom Nook
Midnight Ink Shroud
Monsoon Forest Shade
Mystic Fog Shroud
Nocturne Shadow Play