Back to palettes

Palette

Ink Wash Shadow

A deep, brooding palette inspired by the subtle gradients and rich tones of an ancient ink wash painting.

monochromedark5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ink Wash Shadow 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 Ink Wash Shadow.

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

Data visualization

#1A1E2C#2E3A47#4F5C6A#0D0D15#26293B

Palette guide

How to use Ink Wash Shadow

Overview

The Ink Wash Shadow palette is a deep, brooding collection inspired by the subtle gradients and rich tones of ancient ink wash paintings. It offers a dark, moody aesthetic with shades like the ultra-deep #0D0D15, rich navy-gray #1A1E2C, and the slightly lighter #4F5C6A. This palette is ideal for designers and developers creating dramatic, sophisticated, and immersive digital experiences that evoke mystery and depth. Utilize these profound tones for dark mode interfaces, luxury tech products, or any project that benefits from a sense of enigmatic elegance and understated power.

Best used for

  • Dark mode interfaces and themes
  • Luxury tech product branding
  • Mystery game environments and UIs
  • Cinematic title sequences and trailers
  • Sophisticated branding for exclusive services
  • Abstract art websites and digital installations

Suggested color roles

primary

#0D0D15 serves as an ultra-dark base for backgrounds, deep shadows, or primary container elements, providing immense depth.

secondary

#1A1E2C is ideal for main content blocks, headers on dark backgrounds, or secondary UI components, adding subtle variation.

accent

#4F5C6A provides subtle highlights, interactive elements, or metallic accents, offering a touch of subdued brilliance.

background

#0D0D15 creates an immersive dark background, perfect for a moody and sophisticated user experience.

text

Pure white or near-white (e.g., #F0F0F0) text is essential for readability on these dark backgrounds; #4F5C6A can work for secondary text.

Accessibility notes

  • White or very light text is essential for readability against all colors in this dark palette (WCAG AA).
  • Ensure #4F5C6A has sufficient contrast if used for text on #0D0D15 or #1A1E2C.
  • Avoid using #26293B or #2E3A47 for text on any background in this palette; contrast will be too low.
  • Large font sizes and generous line spacing can significantly improve readability on dark themes.

Recommended combinations

Deep Base Layers

Create layered dark tones for immersive interfaces, backgrounds, or complex UI components.

#0D0D15 · #1A1E2C · #2E3A47

Subtle Contrast

Dark background with a lighter accent and subtle element for visual interest and hierarchy.

#1A1E2C · #4F5C6A · #26293B

Shadow Depth

Ultra-dark base with layered, slightly lighter elements and hints of blue-gray for profound depth.

#0D0D15 · #26293B · #4F5C6A

CSS variables

:root {
  --ink-wash-shadow-1: #1A1E2C;
  --ink-wash-shadow-2: #2E3A47;
  --ink-wash-shadow-3: #4F5C6A;
  --ink-wash-shadow-4: #0D0D15;
  --ink-wash-shadow-5: #26293B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ink-wash-shadow": {
        1: "#1A1E2C",
        2: "#2E3A47",
        3: "#4F5C6A",
        4: "#0D0D15",
        5: "#26293B",
      }
    }
  }
}

Related searches

dark ink wash palettemoody design colorsdeep monochromesophisticated dark themeshadow grey blue

Palette colors

Hex values

Color 1#1A1E2C
·
Color 2#2E3A47
·
Color 3#4F5C6A
·
Color 4#0D0D15
·
Color 5#26293B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.4:1Fail
1.2:1Fail
1.2:1Fail
2
1.4:1Fail
1.7:1Fail
1.7:1Fail
1.2:1Fail
3
2.4:1Fail
1.7:1Fail
2.8:1Fail
2.1:1Fail
4
1.2:1Fail
1.7:1Fail
2.8:1Fail
1.3:1Fail
5
1.2:1Fail
1.2:1Fail
2.1:1Fail
1.3:1Fail

Similar palettes

More like Ink Wash Shadow

View all monochrome