Back to palettes

Palette

Botanical Sketchbook Ink

Soft greys and graphite tones, like delicate ink wash illustrations in an antique botanical sketchbook.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#363a3d#5c5e62#8c8e92#c0c2c7#e9ecee

Palette guide

How to use Botanical Sketchbook Ink

Overview

The Botanical Sketchbook Ink palette features soft grays and graphite tones, reminiscent of delicate ink wash illustrations in an antique botanical sketchbook. Ranging from the deep charcoal #363a3d to the almost-white #e9ecee, and including versatile mid-tones like #5c5e62 and #8c8e92, this scheme is perfect for designs seeking a minimal, elegant, and sophisticated aesthetic. The light #c0c2c7 provides a smooth transition. Designers can leverage this monochrome palette for projects requiring a clean, professional, and timeless feel, such as high-end corporate branding, architectural presentations, or minimalist web interfaces. Its cohesive gray scale ensures visual clarity and a refined user experience, emphasizing content and structure.

Best used for

  • Minimalist corporate branding and websites
  • Architectural and interior design presentations
  • High-end print publications and stationery
  • Art and photography portfolio sites
  • Technical documentation and reports
  • Modern app interfaces requiring neutrality

Suggested color roles

primary

Utilize #363a3d as a strong primary color for headings, main navigation, or impactful brand elements, conveying professionalism.

secondary

Apply #5c5e62 for subheadings, secondary content, or supporting graphic elements, offering a balanced mid-gray.

accent

Employ #8c8e92 for subtle accents or interactive elements where a gentle visual cue is desired without strong color.

background

The lightest shade, #e9ecee, is perfect for clean, airy backgrounds, ensuring optimal readability and a modern feel.

text

The deep #363a3d is ideal for body text and critical information, ensuring excellent readability on light backgrounds like #e9ecee.

Accessibility notes

  • Ensure strong contrast for text, using #363a3d on #e9ecee or #c0c2c7 backgrounds, to meet WCAG AA standards.
  • Avoid using #8c8e92 for text on #c0c2c7 or #e9ecee backgrounds due to insufficient contrast; reserve it for larger elements.
  • For interactive elements, ensure distinct hover/focus states, as color differences within this monochrome palette might be subtle.
  • Use sufficient line height and letter spacing to enhance readability, especially with light gray text on similar backgrounds.

Recommended combinations

Ink Wash

Creates a sophisticated, minimalist look, perfect for professional headers or clean content blocks with a light backdrop.

#363A3D · #5C5E62 · #E9ECEE

Graphite Gradient

Offers a soft, harmonious transition, ideal for subtle gradients, background textures, or layered graphic elements.

#5C5E62 · #8C8E92 · #C0C2C7

Sketch Contrast

Emphasizes readability and visual hierarchy, with dark text on a light background and a complementary mid-gray for accents.

#363A3D · #E9ECEE · #8C8E92

CSS variables

:root {
  --botanical-sketchbook-ink-1: #363a3d;
  --botanical-sketchbook-ink-2: #5c5e62;
  --botanical-sketchbook-ink-3: #8c8e92;
  --botanical-sketchbook-ink-4: #c0c2c7;
  --botanical-sketchbook-ink-5: #e9ecee;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "botanical-sketchbook-ink": {
        1: "#363a3d",
        2: "#5c5e62",
        3: "#8c8e92",
        4: "#c0c2c7",
        5: "#e9ecee",
      }
    }
  }
}

Related searches

minimalist grey palettebotanical ink colorsgraphite neutral hex codeselegant monochrome designsketchbook grey shades

Palette colors

Hex values

Color 1#363a3d
·
Color 2#5c5e62
·
Color 3#8c8e92
·
Color 4#c0c2c7
·
Color 5#e9ecee
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.5:1AA18
6.4:1AA
9.7:1AAA
2
1.8:1Fail
2:1Fail
3.6:1AA18
5.5:1AA
3
3.5:1AA18
2:1Fail
1.8:1Fail
2.8:1Fail
4
6.4:1AA
3.6:1AA18
1.8:1Fail
1.5:1Fail
5
9.7:1AAA
5.5:1AA
2.8:1Fail
1.5:1Fail

Similar palettes

More like Botanical Sketchbook Ink

View all neutral
Ancient City Ruins
Ancient Roman Stone
Ancient Rune Stone
Ancient Temple Stones
Architectural Concrete Edge
Arctic Fox Fur