Back to palettes

Palette

Urban Sketchbook Ink

Clean and crisp, like an architectural sketch rendered in precise shades of grey and black ink.

MonochromeMinimal5 colors
More Monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Urban Sketchbook Ink 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 Urban Sketchbook Ink.

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

Data visualization

#1A1A1A#333333#555555#777777#999999

Palette guide

How to use Urban Sketchbook Ink

Overview

The Urban Sketchbook Ink palette is clean and crisp, like an architectural sketch rendered in precise shades of grey and black ink. With deep #1A1A1A and #333333 providing a strong foundation, and lighter tones like #555555, #777777, and #999999 offering a smooth transition, this collection is the epitome of minimalist sophistication. It's ideal for designers and developers seeking a stark yet elegant aesthetic, perfect for conveying professionalism and clarity. This monochrome spectrum allows for bold statements and subtle nuances, making it highly versatile for interfaces, branding, and digital art where precision and timelessness are paramount.

Best used for

  • Architectural design visuals
  • Minimalist website layouts
  • Professional corporate branding
  • Technical documentation interfaces
  • Fine art photography showcases
  • High-contrast data dashboards

Suggested color roles

primary

#1A1A1A - The darkest, most impactful shade, perfect for primary backgrounds, bold typography, or dominant structural elements.

secondary

#333333 - An excellent choice for secondary content blocks, prominent headings, or dividers, providing strong visual separation.

accent

#555555 - A versatile mid-grey for subtle highlights, interactive states, or decorative elements that need to stand out gently.

background

#999999 - A light, neutral grey that works well as a background for content areas, offering a soft canvas for darker text.

text

#1A1A1A - Ideal for body text on light backgrounds like white or a very light grey. For dark backgrounds, white or near-white is highly recommended.

Accessibility notes

  • Ensure sufficient contrast when using #777777 or #999999 for text on similar light backgrounds.
  • The darkest shades (#1A1A1A, #333333) offer excellent contrast with white or very light grey for text.
  • Avoid using lighter greys like #999999 for small text on #777777 backgrounds due to potential readability issues.
  • Always test color combinations using accessibility tools to meet WCAG AA standards.

Recommended combinations

Ink Depth

For creating a powerful, dark theme, strong headers, or robust UI elements that demand attention.

#1A1A1A · #333333 · #555555

Sketch Wash

Ideal for subtle backgrounds, secondary content areas, or gradients that evoke the delicate washes of ink.

#555555 · #777777 · #999999

Crisp Lines

Use for clear typography and interactive elements, ensuring excellent readability and a sharp, modern aesthetic.

#1A1A1A · #999999 · #555555

CSS variables

:root {
  --urban-sketchbook-ink-2-1: #1A1A1A;
  --urban-sketchbook-ink-2-2: #333333;
  --urban-sketchbook-ink-2-3: #555555;
  --urban-sketchbook-ink-2-4: #777777;
  --urban-sketchbook-ink-2-5: #999999;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "urban-sketchbook-ink-2": {
        1: "#1A1A1A",
        2: "#333333",
        3: "#555555",
        4: "#777777",
        5: "#999999",
      }
    }
  }
}

Related searches

monochrome ink paletteblack and grey color schememinimalist sketch colorsurban art palettehigh contrast grey design

Palette colors

Hex values

Color 1#1A1A1A
·
Color 2#333333
·
Color 3#555555
·
Color 4#777777
·
Color 5#999999
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.3:1Fail
3.9:1AA18
6.1:1AA
2
1.4:1Fail
1.7:1Fail
2.8:1Fail
4.4:1AA18
3
2.3:1Fail
1.7:1Fail
1.7:1Fail
2.6:1Fail
4
3.9:1AA18
2.8:1Fail
1.7:1Fail
1.6:1Fail
5
6.1:1AA
4.4:1AA18
2.6:1Fail
1.6:1Fail

Similar palettes

More like Urban Sketchbook Ink

View all Monochrome
Abstract Urban Canvas
Grayscale Stone Etch
Gritty Urban Canvas
Industrial Echo Wall
Industrial Edge Grey
Urban Concrete Calm