Palette

Charcoal Canvas Hues

A versatile range of deep charcoals and soft greys, mirroring the textures and tones of a monochromatic sketch on canvas.

monochromeminimal5 colors

More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Charcoal Canvas Hues 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 Charcoal Canvas Hues.

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

Data visualization

#2F4F4F#696969#A9A9A9#C0C0C0#36454F

Palette guide

How to use Charcoal Canvas Hues

Overview

The Charcoal Canvas Hues palette offers a sophisticated range of deep charcoals and soft greys, ideal for designs seeking a minimalist yet rich aesthetic. Featuring a core of deep grey-blue like #36454F and dark slate #2F4F4F, it transitions smoothly through mid-tones such as #696969 and #A9A9A9, culminating in a soft silver #C0C0C0. This palette is perfect for evoking the subtle textures and tonal depth of a monochromatic sketch on canvas, providing a versatile foundation for elegant digital and print applications. Designers and developers can leverage its understated power to create refined interfaces, branding, or editorial layouts that communicate quiet strength.

Best used for

Minimalist website designs and UI/UX
Art gallery or museum branding
Luxury product packaging
Editorial design for high-end magazines
Photography portfolios and presentations
Corporate branding for sophisticated companies

Suggested color roles

primary

Use #36454F as the dominant brand color for headers, footers, and primary call-to-action buttons.

secondary

Apply #2F4F4F for secondary navigation, important section backgrounds, or supporting graphical elements.

accent

Utilize #A9A9A9 for subtle interactive elements, highlights, or icons that need gentle emphasis without stark contrast.

background

Employ #C0C0C0 for clean, spacious backgrounds, allowing darker elements to stand out with soft definition.

text

Choose #36454F or #2F4F4F for primary body text on light backgrounds like #C0C0C0 or #A9A9A9 to ensure readability.

Accessibility notes

Ensure sufficient contrast when pairing #696969 text on #A9A9A9 backgrounds for readability.
Use #36454F or #2F4F4F for large text or headings on lighter backgrounds like #C0C0C0 to meet WCAG AA standards.
Avoid using mid-tone colors like #A9A9A9 for small text on similar mid-tone backgrounds to prevent eye strain.
Pair #C0C0C0 for text against dark backgrounds such as #36454F or #2F4F4F for optimal contrast and accessibility.

Recommended combinations

Deep Contrast

Ideal for strong headings with light body text on a very dark background, conveying seriousness.

#36454F · #C0C0C0 · #2F4F4F

Soft Gradient

Excellent for subtle background gradients, UI elements, or layered information where softness is key.

#696969 · #A9A9A9 · #C0C0C0

Text & Accent

Use #36454F for primary text on #C0C0C0 background, with #A9A9A9 for interactive states or secondary information.

#C0C0C0 · #36454F · #A9A9A9

CSS variables

:root {
  --charcoal-canvas-hues-1: #2F4F4F;
  --charcoal-canvas-hues-2: #696969;
  --charcoal-canvas-hues-3: #A9A9A9;
  --charcoal-canvas-hues-4: #C0C0C0;
  --charcoal-canvas-hues-5: #36454F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "charcoal-canvas-hues": {
        1: "#2F4F4F",
        2: "#696969",
        3: "#A9A9A9",
        4: "#C0C0C0",
        5: "#36454F",
      }
    }
  }
}

Hex values

Color 1#2F4F4F

Color 2#696969

Color 3#A9A9A9

Color 4#C0C0C0

Color 5#36454F

Accessibility

Contrast checker

1.6:1Fail

3.8:1AA18

4.9:1AA

1.1:1Fail

1.6:1Fail

2.3:1Fail

3:1AA18

1.8:1Fail

3.8:1AA18

2.3:1Fail

1.3:1Fail

4.2:1AA18

4.9:1AA

3:1AA18

1.3:1Fail

5.4:1AA

1.1:1Fail

1.8:1Fail

4.2:1AA18

5.4:1AA

Similar palettes

More like Charcoal Canvas Hues

View all monochrome

Charcoal Sketch Grey

Charcoal Sketch Study

Graphite Sketch Page

Graphite Sketchbook

Monochrome Graphite Sketch

Ancient Volcanic Ash