Palette

Monochromatic Ink Wash

A serene and understated gradient of cool greys, offering sophistication and a sense of calm.

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

#1A1A1A#333333#666666#999999#CCCCCC

Palette guide

How to use Monochromatic Ink Wash

Overview

The Monochromatic Ink Wash palette offers a serene and sophisticated gradient of cool grays, providing a clean and understated aesthetic. Ranging from a very dark #1A1A1A to a light #CCCCCC, with well-distributed intermediate shades like #333333, #666666, and #999999. This palette is perfect for designs that prioritize clarity, professionalism, and a calm user experience. Designers can leverage these shades to create depth, visual hierarchy, and a sense of contemporary elegance across digital interfaces, print layouts, or branding projects. Developers will find this palette straightforward to implement for a consistent and refined visual language.

Best used for

Professional business websites
Clean and modern app interfaces
Editorial design for online magazines
Tech company branding
High-end product photography displays
Minimalist portfolio sites

Suggested color roles

primary

#1A1A1A, a deep near-black, serves as a powerful anchor for main headings, navigation, or critical calls to action, ensuring strong visual impact.

secondary

#333333 is excellent for subheadings, borders, or slightly darker background panels, offering a clear yet subtle contrast.

accent

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

background

#CCCCCC or #999999 provides a light, airy backdrop, ideal for main content areas to maximize readability for darker text.

text

#1A1A1A or #333333 on lighter backgrounds like #CCCCCC or white ensures optimal legibility for body text.

Accessibility notes

Ensure sufficient contrast when using #999999 text on #CCCCCC for small text; it may not meet WCAG AA standards.
Always use a dark gray like #1A1A1A for primary text on light backgrounds to ensure maximum readability.
Interactive elements should have clear visual cues (e.g., a darker hover state) to indicate their functionality.
Avoid using #CCCCCC text on #999999 for any essential information due to low contrast.

Recommended combinations

Deep Contrast

Ideal for headers and main content, with #CCCCCC as background, #1A1A1A for titles, and #333333 for supporting details.

#1A1A1A · #CCCCCC · #333333

Subtle Gradient

Creates a harmonious, layered look for UI components or content blocks, offering subtle depth and a modern aesthetic.

#333333 · #666666 · #999999

Clean Canvas

Excellent for minimalist web pages, using #CCCCCC as the dominant background, #1A1A1A for primary text, and #666666 for subtle accents.

#CCCCCC · #1A1A1A · #666666

CSS variables

:root {
  --monochromatic-ink-wash-2-1: #1A1A1A;
  --monochromatic-ink-wash-2-2: #333333;
  --monochromatic-ink-wash-2-3: #666666;
  --monochromatic-ink-wash-2-4: #999999;
  --monochromatic-ink-wash-2-5: #CCCCCC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "monochromatic-ink-wash-2": {
        1: "#1A1A1A",
        2: "#333333",
        3: "#666666",
        4: "#999999",
        5: "#CCCCCC",
      }
    }
  }
}

Hex values

Color 1#1A1A1A

Color 2#333333

Color 3#666666

Color 4#999999

Color 5#CCCCCC

Accessibility

Contrast checker

1.4:1Fail

3:1AA18

6.1:1AA

10.8:1AAA

1.4:1Fail

2.2:1Fail

4.4:1AA18

7.9:1AAA

3:1AA18

2.2:1Fail

2:1Fail

3.6:1AA18

6.1:1AA

4.4:1AA18

2:1Fail

1.8:1Fail

10.8:1AAA

7.9:1AAA

3.6:1AA18

1.8:1Fail

Similar palettes

More like Monochromatic Ink Wash

View all monochrome

City Grayscale View

Monochromatic Graphite

Monochrome Slate

Quiet Loft Space

Shadow Scale Study

Abstract Canvas Swirl