Back to palettes

Palette

Midnight Ink Shroud

Envelopes in deep, inky blues and purples, like a mysterious shroud cast across the midnight sky.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1A1A2E#2D2D4F#4A4A7A#6C6CAD#9090C0

Palette guide

How to use Midnight Ink Shroud

Overview

The Midnight Ink Shroud palette envelops designs in deep, inky blues and purples, like a mysterious shroud cast across the night sky. With foundational tones such as #1A1A2E and #2D2D4F, and ascending to the ethereal #6C6CAD and #9090C0, this palette offers a dramatic and sophisticated gradient. The intermediate #4A4A7A provides a crucial bridge, ensuring a smooth visual flow. Designers and developers can leverage this collection to create immersive, mysterious, and elegant digital experiences. Its harmonious blend of dark, rich colors is perfect for projects that aim to evoke intrigue, depth, and a sense of nocturnal beauty, making it versatile for both artistic and functional applications.

Best used for

  • Sci-fi or fantasy game interfaces
  • Mystery-themed digital art and illustrations
  • Evening wear brands and luxury fashion websites
  • Sophisticated event invites and promotions
  • Abstract art and creative digital projects
  • Dark mode UI for content-rich applications

Suggested color roles

primary

Utilize #1A1A2E as the dominant background color to establish profound depth and mystery.

secondary

Apply #2D2D4F or #4A4A7A for supporting sections, subheadings, or subtle background patterns.

accent

Employ #9090C0 for ethereal highlights, interactive elements, or to create a delicate focal point.

background

The deepest #1A1A2E provides a dramatic and immersive dark canvas, enhancing other tones.

text

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

Accessibility notes

  • Ensure sufficient contrast when using #4A4A7A for text on backgrounds like #2D2D4F; larger text may be required.
  • Prioritize #9090C0 for all essential text and interactive elements to meet WCAG contrast guidelines on dark surfaces.
  • Avoid using #2D2D4F for small text on #1A1A2E, as the contrast may be insufficient for readability.
  • When designing gradients, ensure text placed over them maintains consistent and accessible contrast levels throughout.

Recommended combinations

Deep Mystery

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

#1A1A2E · #2D2D4F · #9090C0

Shroud Gradient

Creates a smooth, atmospheric gradient effect, ideal for hero sections or layered UI elements.

#2D2D4F · #4A4A7A · #6C6CAD

Nocturnal Contrast

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

#1A1A2E · #6C6CAD · #9090C0

CSS variables

:root {
  --midnight-ink-shroud-1: #1A1A2E;
  --midnight-ink-shroud-2: #2D2D4F;
  --midnight-ink-shroud-3: #4A4A7A;
  --midnight-ink-shroud-4: #6C6CAD;
  --midnight-ink-shroud-5: #9090C0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-ink-shroud": {
        1: "#1A1A2E",
        2: "#2D2D4F",
        3: "#4A4A7A",
        4: "#6C6CAD",
        5: "#9090C0",
      }
    }
  }
}

Related searches

deep indigo purple palettemysterious dark schemenocturnal blue tonesdramatic gradient colorssci-fi UI dark

Palette colors

Hex values

Color 1#1A1A2E
·
Color 2#2D2D4F
·
Color 3#4A4A7A
·
Color 4#6C6CAD
·
Color 5#9090C0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.1:1Fail
3.6:1AA18
5.6:1AA
2
1.3:1Fail
1.6:1Fail
2.7:1Fail
4.3:1AA18
3
2.1:1Fail
1.6:1Fail
1.7:1Fail
2.7:1Fail
4
3.6:1AA18
2.7:1Fail
1.7:1Fail
1.6:1Fail
5
5.6:1AA
4.3:1AA18
2.7:1Fail
1.6:1Fail

Similar palettes

More like Midnight Ink Shroud

View all dark
Midnight Oil Glow
Nocturne Shadow Play
Abyssal Trench Mystery
Abyssal Trench Mystery
Abyssal Trench Mystery
Ancient Forest Depths