Back to palettes

Palette

Graphite Sketch Book

The soft, varying tones created by graphite on textured paper, evoking artistry and quiet contemplation.

monochromeminimal5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4F4F4F#7F7F7F#3F3F3F#9F9F9F#5F5F5F

Palette guide

How to use Graphite Sketch Book

Overview

The "Graphite Sketch Book" palette offers a subtle, artistic collection of monochrome greys, perfect for designs that require understated elegance and depth. With shades like the versatile #4F4F4F, the slightly lighter #7F7F7F, and the deeper #3F3F3F, this palette mimics the varying tones of graphite on paper. Designers and developers can leverage this range to create sophisticated interfaces, artistic portfolios, or minimalist branding, providing a sense of quiet contemplation and refined aesthetic without the distraction of color. The subtle shifts in tone, including #9F9F9F and #5F5F5F, allow for nuanced visual hierarchy.

Best used for

  • Art and design portfolios
  • Minimalist branding and logos
  • Architectural visualization
  • High-end tech interfaces
  • Editorial design for art publications
  • Photography websites

Suggested color roles

primary

Use #4F4F4F for main content areas, providing a solid, neutral base without being too stark.

secondary

Apply #7F7F7F for subheadings, secondary information, or subtle dividers to create hierarchy.

accent

Employ #3F3F3F for impactful elements, bold text, or interactive states, offering a stronger contrast.

background

Utilize #9F9F9F as a soft, unobtrusive background, or a near-white for a brighter canvas.

text

For body text, #3F3F3F or a true black offers excellent readability against lighter greys like #9F9F9F or #7F7F7F.

Accessibility notes

  • Ensure sufficient contrast when using #7F7F7F on #9F9F9F for critical text, as it might be too subtle.
  • The darkest shade, #3F3F3F, provides good contrast against lighter backgrounds like #9F9F9F for improved readability.
  • Consider using a slightly darker text color than the background for headings, even if both are from the palette.
  • Avoid placing light grey text on light grey backgrounds, such as #9F9F9F text on a lighter version of #7F7F7F, for small font sizes.

Recommended combinations

Deep Contrast

Ideal for clear hierarchy: dark text on a light background with a mid-tone accent.

#3F3F3F · #9F9F9F · #7F7F7F

Soft Gradient

Creates subtle depth and texture, useful for background patterns or layered elements.

#4F4F4F · #7F7F7F · #5F5F5F

Accented Base

A balanced base with a darker accent for calls to action or key information.

#5F5F5F · #9F9F9F · #3F3F3F

CSS variables

:root {
  --graphite-sketch-book-1: #4F4F4F;
  --graphite-sketch-book-2: #7F7F7F;
  --graphite-sketch-book-3: #3F3F3F;
  --graphite-sketch-book-4: #9F9F9F;
  --graphite-sketch-book-5: #5F5F5F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "graphite-sketch-book": {
        1: "#4F4F4F",
        2: "#7F7F7F",
        3: "#3F3F3F",
        4: "#9F9F9F",
        5: "#5F5F5F",
      }
    }
  }
}

Related searches

graphite grey color schememonochrome art paletteminimalist grey designsubtle grey tonessketchbook color inspiration

Palette colors

Hex values

Color 1#4F4F4F
·
Color 2#7F7F7F
·
Color 3#3F3F3F
·
Color 4#9F9F9F
·
Color 5#5F5F5F
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
1.3:1Fail
3.1:1AA18
1.3:1Fail
2
2:1Fail
2.6:1Fail
1.5:1Fail
1.6:1Fail
3
1.3:1Fail
2.6:1Fail
4:1AA18
1.6:1Fail
4
3.1:1AA18
1.5:1Fail
4:1AA18
2.4:1Fail
5
1.3:1Fail
1.6:1Fail
1.6:1Fail
2.4:1Fail

Similar palettes

More like Graphite Sketch Book

View all monochrome
Basalt Stream Pebble
Frosty Serene
Graphite Sketch
Graphite Sketch Grid
Graphite Sketch Page
Graphite Sketch Subtle