Palette

Midnight Ink Spill

Deep and profound blues and purples, like an ink spill on a dark night.

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

#1A1A2E#2B3A5A#4E607A#0D0D1A#3A4A6A

Palette guide

How to use Midnight Ink Spill

Overview

The Midnight Ink Spill palette offers a sophisticated and mysterious aesthetic, ideal for projects requiring a deep, contemplative atmosphere. Featuring profound blues and purples, this collection creates a cohesive dark theme. Developers can leverage the near-black #0D0D1A for robust backgrounds, while #1A1A2E and #2B3A5A provide rich primary and secondary hues that maintain excellent contrast with lighter elements. Designers will appreciate how #4E607A acts as a subtle accent or readable text color, ensuring visual depth without sacrificing legibility. This palette's inherent moodiness, reminiscent of an ink spill on a dark night, makes it perfect for elegant digital interfaces and evocative branding.

Best used for

Luxury brand websites and apps
Night mode themes for digital products
Sci-fi or mystery game interfaces
Elegant editorial designs for deep content
Professional corporate branding with a serious tone
Art and photography portfolios

Suggested color roles

primary

#1A1A2E - A deep, dark blue-purple, serving as the main brand color or dominant UI element background. It provides a strong, sophisticated foundation.

secondary

#2B3A5A - A rich, medium-dark blue that complements the primary hue. Use it for secondary panels, navigation elements, or interactive components.

accent

#4E607A - The lightest blue in the palette, perfect for subtle highlights, interactive states, or small informational text. Use sparingly to draw attention.

background

#0D0D1A - An extremely dark, almost black, base color. Ideal for expansive backgrounds, setting a profound and immersive tone for the entire design.

text

#4E607A - This lighter blue offers excellent readability against the darker backgrounds like #0D0D1A or #1A1A2E. For headings, consider #3A4A6A or even a pure white for maximum contrast.

Accessibility notes

Ensure sufficient contrast when using #3A4A6A for text on #1A1A2E or #2B3A5A backgrounds; test with WCAG tools.
#4E607A provides good readability for body text against #0D0D1A or #1A1A2E, but verify larger text sizes.
Avoid placing #1A1A2E text directly on #2B3A5A as contrast may be insufficient for accessibility standards.
For interactive elements, ensure distinct hover/focus states using a brighter shade or a clear outline, as the palette is generally dark.

Recommended combinations

Deep Contrast

Ideal for high-contrast text and UI elements, with #0D0D1A as a background, #4E607A for primary text, and #2B3A5A for interactive elements.

#0D0D1A · #4E607A · #2B3A5A

Subtle Layers

Creates a layered, sophisticated look. #1A1A2E for main panels, #3A4A6A for sub-sections or borders, and #2B3A5A for subtle highlights.

#1A1A2E · #3A4A6A · #2B3A5A

Accentuated Depth

A strong background with a slightly lighter panel and a clear, readable accent. Good for dashboards or content blocks.

#0D0D1A · #1A1A2E · #4E607A

CSS variables

:root {
  --midnight-ink-spill-3-1: #1A1A2E;
  --midnight-ink-spill-3-2: #2B3A5A;
  --midnight-ink-spill-3-3: #4E607A;
  --midnight-ink-spill-3-4: #0D0D1A;
  --midnight-ink-spill-3-5: #3A4A6A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-ink-spill-3": {
        1: "#1A1A2E",
        2: "#2B3A5A",
        3: "#4E607A",
        4: "#0D0D1A",
        5: "#3A4A6A",
      }
    }
  }
}

Hex values

Color 1#1A1A2E

Color 2#2B3A5A

Color 3#4E607A

Color 4#0D0D1A

Color 5#3A4A6A

Accessibility

Contrast checker

1.5:1Fail

2.7:1Fail

1.1:1Fail

1.9:1Fail

1.5:1Fail

1.8:1Fail

1.7:1Fail

1.3:1Fail

2.7:1Fail

1.8:1Fail

3:1AA18

1.4:1Fail

1.1:1Fail

1.7:1Fail

3:1AA18

2.2:1Fail

1.9:1Fail

1.3:1Fail

1.4:1Fail

2.2:1Fail

Similar palettes

More like Midnight Ink Spill

View all dark

Galactic Star Dust

Midnight Indigo Depths

Moonlit Lakeside Veil

Nocturnal Bloom

Void Walker's Gaze

Abyss Gaze