Back to palettes

Palette

Graphite Quarry Depth

A robust palette exploring the nuanced grays and deep charcoals found in a stark rock quarry.

monochromeminimal5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Graphite Quarry Depth 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 Quarry Depth.

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

Data visualization

#2F4F4F#696969#708090#A9A9A9#C0C0C0

Palette guide

How to use Graphite Quarry Depth

Overview

The Graphite Quarry Depth palette explores a robust spectrum of nuanced grays and deep charcoals, evoking the raw, textural beauty of a rock quarry. This collection ranges from the dark #2F4F4F slate gray to the lighter #C0C0C0 silver, with powerful intermediate shades like #696969 dim gray, #708090 slate gray, and #A9A9A9 dark gray. It's an excellent choice for designers seeking to convey strength, authenticity, and an industrial-chic aesthetic. This palette provides a solid foundation for projects that value depth, subtle texture, and a grounded, no-nonsense visual identity, from branding to digital interfaces.

Best used for

  • Industrial design concepts
  • Architectural visualization
  • Masculine brand identities
  • Photography and art exhibition sites
  • Heavy machinery interfaces
  • Textured background designs

Suggested color roles

primary

Utilize #2F4F4F as a dominant, grounding color for main sections or bold typography, conveying depth and strength.

secondary

Apply #696969 for subheadings, secondary information, or UI elements, offering a strong, yet slightly softer gray.

accent

Employ #A9A9A9 for subtle highlights, divider lines, or interactive states, adding a touch of metallic sheen.

background

A lighter gray like #C0C0C0 or a clean #F8F8FF (near-white, not in palette) provides a solid, neutral backdrop.

text

For primary text on lighter backgrounds, #2F4F4F or #696969 offers excellent contrast. Use #C0C0C0 for text on dark backgrounds.

Accessibility notes

  • Ensure sufficient contrast when pairing #A9A9A9 with #C0C0C0 for text, as their luminance values are close.
  • The darkest colors, #2F4F4F and #696969, offer excellent readability for white or light-colored text.
  • Avoid using #A9A9A9 for small text on a white background without verifying WCAG AA contrast.
  • For interactive elements, ensure distinct visual feedback using contrasting shades, such as #2F4F4F for hover states on #C0C0C0.

Recommended combinations

Deep Foundations

Strong dark base, with mid-gray content and lighter accents for a robust look.

#2F4F4F · #696969 · #A9A9A9

Quarry Layers

Light background with slate gray elements and a dark slate gray for impactful text.

#C0C0C0 · #708090 · #2F4F4F

Textural Contrast

Mid-gray background, lighter accents, and a slightly darker gray for secondary text.

#696969 · #A9A9A9 · #708090

CSS variables

:root {
  --graphite-quarry-depth-1: #2F4F4F;
  --graphite-quarry-depth-2: #696969;
  --graphite-quarry-depth-3: #708090;
  --graphite-quarry-depth-4: #A9A9A9;
  --graphite-quarry-depth-5: #C0C0C0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "graphite-quarry-depth": {
        1: "#2F4F4F",
        2: "#696969",
        3: "#708090",
        4: "#A9A9A9",
        5: "#C0C0C0",
      }
    }
  }
}

Related searches

dark gray paletteindustrial monochrome colorsstone texture color schemedeep charcoal brandingrugged gray design

Palette colors

Hex values

Color 1#2F4F4F
·
Color 2#696969
·
Color 3#708090
·
Color 4#A9A9A9
·
Color 5#C0C0C0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.2:1Fail
3.8:1AA18
4.9:1AA
2
1.6:1Fail
1.4:1Fail
2.3:1Fail
3:1AA18
3
2.2:1Fail
1.4:1Fail
1.7:1Fail
2.2:1Fail
4
3.8:1AA18
2.3:1Fail
1.7:1Fail
1.3:1Fail
5
4.9:1AA
3:1AA18
2.2:1Fail
1.3:1Fail

Similar palettes

More like Graphite Quarry Depth

View all monochrome
Graphite Etching Stone
Historic Tablet Text
Minimalist Stone Quarry
Monochromatic Stone Wall
Urban Stone Facade
Ancient Ruin Stone