Back to palettes

Palette

Monochrome Graphite Sketch

A range of deep to medium greys, perfect for creating dynamic shading and form in a raw, minimalist sketch.

monochromeminimal5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Monochrome Graphite Sketch 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 Monochrome Graphite Sketch.

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

Data visualization

#1B1B1B#333333#4C4C4C#666666#7F7F7F

Palette guide

How to use Monochrome Graphite Sketch

Overview

The Monochrome Graphite Sketch palette offers a compelling range of deep to medium greys, perfect for creating dynamic shading and form in a raw, minimalist aesthetic. Anchored by the intense #1B1B1B, it transitions through versatile shades like #333333 and #4C4C4C, culminating in the softer #7F7F7F. This collection, including #666666, is ideal for designers and developers aiming for a sophisticated, industrial, and artistic feel. It excels in dark mode interfaces, creative portfolios, or any design requiring strong visual depth and a sense of handcrafted precision, providing a robust foundation for impactful and focused visual experiences.

Best used for

  • Creative agency websites and portfolios
  • Dark mode application interfaces and dashboards
  • Artistic branding for galleries or studios
  • Industrial product design presentations
  • Minimalist photography showcases
  • Tech startup branding with a raw, modern edge

Suggested color roles

primary

Use #1B1B1B as a dominant background or for major structural elements, establishing profound depth and intensity.

secondary

Employ #333333 for secondary panels, subheadings, or darker text, adding subtle variation without losing strength.

accent

Leverage #666666 for subtle interactive elements, borders, or as a lighter accent against darker tones.

background

Utilize #4C4C4C for content sections or cards, offering a balanced dark grey canvas that supports lighter text effectively.

text

For dark backgrounds, use a very light grey like #E0E0E0 or white for optimal readability. For #7F7F7F, use #1B1B1B.

Accessibility notes

  • Ensure sufficient contrast for text, especially when pairing mid-range greys like #666666 with #7F7F7F.
  • #1B1B1B provides excellent contrast against a light grey or white for all text sizes, meeting WCAG AA standards.
  • Avoid using #7F7F7F for small text on #666666 backgrounds; readability may be compromised.
  • Always test contrast ratios carefully, particularly for interactive elements and critical information in dark mode.

Recommended combinations

Deep Form

Ideal for header sections, bold typography, or dramatic feature blocks where strong visual impact is desired.

#1B1B1B · #7F7F7F · #333333

Shading Layers

Excellent for creating subtle depth in UI components, card backgrounds, or layered information displays.

#333333 · #4C4C4C · #666666

Sketch Focus

Apply for content areas with a mid-dark background, ensuring dark, readable text and clear hierarchy.

#4C4C4C · #1B1B1B · #7F7F7F

CSS variables

:root {
  --monochrome-graphite-sketch-1: #1B1B1B;
  --monochrome-graphite-sketch-2: #333333;
  --monochrome-graphite-sketch-3: #4C4C4C;
  --monochrome-graphite-sketch-4: #666666;
  --monochrome-graphite-sketch-5: #7F7F7F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "monochrome-graphite-sketch": {
        1: "#1B1B1B",
        2: "#333333",
        3: "#4C4C4C",
        4: "#666666",
        5: "#7F7F7F",
      }
    }
  }
}

Related searches

dark grey monochrome palettegraphite sketch color schemeindustrial dark ui colorsminimalist art grey palettecreative dark website design

Palette colors

Hex values

Color 1#1B1B1B
·
Color 2#333333
·
Color 3#4C4C4C
·
Color 4#666666
·
Color 5#7F7F7F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2:1Fail
3:1Fail
4.3:1AA18
2
1.4:1Fail
1.5:1Fail
2.2:1Fail
3.2:1AA18
3
2:1Fail
1.5:1Fail
1.5:1Fail
2.1:1Fail
4
3:1Fail
2.2:1Fail
1.5:1Fail
1.4:1Fail
5
4.3:1AA18
3.2:1AA18
2.1:1Fail
1.4:1Fail

Similar palettes

More like Monochrome Graphite Sketch

View all monochrome
Graphite Sketch Subtle
Graphite Sketchbook
Charcoal Sketch Grey
Charcoal Sketch Palette
Charcoal Sketchbook Grey
City Steel Gleam