Palette

Monochromatic Ink Wash

A smooth, gradient progression from deepest black to light grey, like a traditional ink wash painting.

monochromeminimal5 colors

More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#000000#2C2C2C#5C5C5C#9A9A9A#D1D1D1

Palette guide

How to use Monochromatic Ink Wash

Overview

The Monochromatic Ink Wash palette offers a smooth, artistic progression from deepest black to light gray, reminiscent of traditional ink wash paintings. Featuring true black #000000, deep charcoal #2C2C2C, balanced mid-gray #5C5C5C, lighter #9A9A9A, and a soft #D1D1D1. This palette is perfect for designs that require drama, sophistication, and a strong visual impact with a minimalist approach. Designers can leverage these shades to create compelling visual narratives, strong typographic statements, and elegant user interfaces. Developers will find this palette excellent for establishing a refined and cohesive dark or light mode aesthetic.

Best used for

High-end art and luxury brand websites
Dark mode interfaces for apps
Photography portfolios with strong imagery
Cinematic or dramatic presentations
Minimalist fashion e-commerce
Abstract or conceptual design projects

Suggested color roles

primary

#000000 serves as a powerful, absolute anchor for backgrounds, bold headings, or critical calls to action, providing maximum impact.

secondary

#2C2C2C is excellent for subheadings, borders, or slightly lighter background panels, offering depth without losing intensity.

accent

#5C5C5C can be used for secondary text, icons, or subtle interactive elements, maintaining the sophisticated gray scale.

background

#D1D1D1 or #9A9A9A provides a clean, bright backdrop for light mode, or #000000/#2C2C2C for a dramatic dark mode.

text

For light backgrounds, #000000 or #2C2C2C. For dark backgrounds, #D1D1D1 or #9A9A9A provides excellent contrast and readability.

Accessibility notes

Ensure sufficient contrast when using #9A9A9A text on #D1D1D1 for small text; it may not meet WCAG AA standards.
Always use high contrast combinations, e.g., #000000 text on #D1D1D1, or #D1D1D1 text on #000000.
Interactive elements should have clear visual cues (e.g., a lighter hover state on dark backgrounds) to indicate their functionality.
Avoid using #5C5C5C text on #9A9A9A without careful contrast checking.

Recommended combinations

Dramatic Depth

Ideal for high-impact headers or dark mode interfaces, with #000000 as background, #D1D1D1 for titles, and #2C2C2C for supporting details.

#000000 · #D1D1D1 · #2C2C2C

Artistic Flow

Creates a harmonious, layered look for UI components or content blocks, offering subtle depth and an elegant feel.

#2C2C2C · #5C5C5C · #9A9A9A

Ink & Paper

Excellent for minimalist web pages, using #D1D1D1 as the dominant background, #000000 for primary text, and #5C5C5C for subtle accents.

#D1D1D1 · #000000 · #5C5C5C

CSS variables

:root {
  --monochromatic-ink-wash-1: #000000;
  --monochromatic-ink-wash-2: #2C2C2C;
  --monochromatic-ink-wash-3: #5C5C5C;
  --monochromatic-ink-wash-4: #9A9A9A;
  --monochromatic-ink-wash-5: #D1D1D1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "monochromatic-ink-wash": {
        1: "#000000",
        2: "#2C2C2C",
        3: "#5C5C5C",
        4: "#9A9A9A",
        5: "#D1D1D1",
      }
    }
  }
}

Hex values

Color 1#000000

Color 2#2C2C2C

Color 3#5C5C5C

Color 4#9A9A9A

Color 5#D1D1D1

Accessibility

Contrast checker

1.5:1Fail

3.1:1AA18

7.5:1AAA

13.8:1AAA

1.5:1Fail

2.1:1Fail

5:1AA

9.1:1AAA

3.1:1AA18

2.1:1Fail

2.4:1Fail

4.4:1AA18

7.5:1AAA

5:1AA

2.4:1Fail

1.8:1Fail

13.8:1AAA

9.1:1AAA

4.4:1AA18

1.8:1Fail

Similar palettes

More like Monochromatic Ink Wash

View all monochrome

Charcoal Graphite Tones

Charcoal Sketch Palette

Ink Wash Serenity

Midnight Tea Ceremony

Monochrome Smoke Flow

Shadowed Ink Canvas