Back to palettes

Palette

Shadowed Ink Canvas

A sophisticated progression of deep greys and subtle blacks, reminiscent of classic ink wash art and stark minimalism.

monochromeminimal5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Shadowed Ink Canvas 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 Shadowed Ink Canvas.

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

Data visualization

#1A1A1A#424242#757575#BDBDBD#0D0D0D

Palette guide

How to use Shadowed Ink Canvas

Overview

The Shadowed Ink Canvas palette offers a sophisticated and stark progression of deep grays and subtle blacks, reminiscent of classic ink wash art and stark minimalism. Anchored by the profound #0D0D0D and #1A1A1A, it transitions through the balanced #424242 and #757575, culminating in the lighter, reflective #BDBDBD. This collection is perfect for designers and developers aiming for a minimalist, elegant, and highly professional aesthetic. Its monochrome nature ensures timeless appeal and versatility, allowing content to take center stage. The subtle tonal shifts provide excellent visual hierarchy, making it ideal for robust dark mode implementations and sophisticated branding.

Best used for

  • Minimalist websites and apps
  • High-end fashion or art portfolios
  • Luxury product branding
  • Photography showcases
  • Professional corporate interfaces
  • Dark mode UI themes

Suggested color roles

primary

#0D0D0D or #1A1A1A serves as the foundational dark, ideal for main backgrounds or large sections, establishing a sleek, modern tone.

secondary

Utilize #424242 for secondary panels, cards, or section dividers, providing subtle depth and structure.

accent

#BDBDBD is the key accent, perfect for interactive elements, highlights, or subtle iconography to guide user attention.

background

#0D0D0D for the deepest black canvas, or #1A1A1A for a slightly softer dark base.

text

For darker backgrounds, #BDBDBD or a clean white provides excellent legibility. On #BDBDBD, a dark charcoal like #1A1A1A works well.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using #757575 on #424242.
  • #BDBDBD on #0D0D0D or #1A1A1A should easily meet WCAG AA for normal text.
  • Avoid using #757575 for small text on backgrounds with similar lightness.
  • High contrast pairings are generally easy to achieve within this palette, ensuring good readability.

Recommended combinations

Ink Wash

Creates a classic high-contrast dark theme, ideal for strong visual hierarchy and clear calls to action.

#0D0D0D · #424242 · #BDBDBD

Shadow Play

Offers a softer dark mode approach with a bright highlight, suitable for elegant, understated interfaces.

#1A1A1A · #757575 · #BDBDBD

Monochrome Depth

Layers the deepest tones for robust backgrounds and content blocks, emphasizing substance over color.

#0D0D0D · #1A1A1A · #424242

CSS variables

:root {
  --shadowed-ink-canvas-1: #1A1A1A;
  --shadowed-ink-canvas-2: #424242;
  --shadowed-ink-canvas-3: #757575;
  --shadowed-ink-canvas-4: #BDBDBD;
  --shadowed-ink-canvas-5: #0D0D0D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "shadowed-ink-canvas": {
        1: "#1A1A1A",
        2: "#424242",
        3: "#757575",
        4: "#BDBDBD",
        5: "#0D0D0D",
      }
    }
  }
}

Related searches

minimalist dark paletteblack gray color schemesophisticated monochrome uiink wash web designelegant dark mode theme

Palette colors

Hex values

Color 1#1A1A1A
·
Color 2#424242
·
Color 3#757575
·
Color 4#BDBDBD
·
Color 5#0D0D0D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.8:1AA18
9.3:1AAA
1.1:1Fail
2
1.7:1Fail
2.2:1Fail
5.3:1AA
1.9:1Fail
3
3.8:1AA18
2.2:1Fail
2.5:1Fail
4.2:1AA18
4
9.3:1AAA
5.3:1AA
2.5:1Fail
10.3:1AAA
5
1.1:1Fail
1.9:1Fail
4.2:1AA18
10.3:1AAA

Similar palettes

More like Shadowed Ink Canvas

View all monochrome