Back to palettes

Palette

Stone Golem Grey

A robust monochrome palette of deep grays, inspired by ancient, weather-beaten stone structures.

monochromedark5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Stone Golem Grey 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 Stone Golem Grey.

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

Data visualization

#4F555D#6B727A#8F97A0#3E444B#5E656E

Palette guide

How to use Stone Golem Grey

Overview

The Stone Golem Grey palette is a robust monochrome collection of deep, cool grays, inspired by ancient, weather-beaten stone structures. Featuring commanding shades like the profound #3E444B and #4F555D, alongside the balanced #5E656E, #6B727A, and the lighter #8F97A0, this palette exudes strength and durability. Designers and developers can leverage these powerful neutrals to create designs with a grounded, industrial, or sophisticated dark mode aesthetic. It's an excellent choice for projects requiring a sense of unyielding reliability, timelessness, and a modern, understated elegance, particularly in tech or luxury branding.

Best used for

  • Dark mode UI designs
  • Industrial or tech branding
  • Automotive interfaces
  • Luxury product websites
  • Architectural blueprints and renders
  • Heavy-duty equipment interfaces

Suggested color roles

primary

#4F555D - A strong, deep grey, perfect for primary backgrounds or large structural elements, setting a serious and grounded tone.

secondary

#6B727A - A slightly lighter, yet still substantial grey, ideal for secondary panels, content dividers, or subtle interactive elements.

accent

#8F97A0 - The lightest shade in the palette, excellent for highlighting key information, interactive states, or subtle graphic accents against darker backgrounds.

background

#3E444B - The darkest, most commanding grey, providing a deep, immersive background for dark-themed applications or websites.

text

#8F97A0 - This lighter grey offers excellent contrast against the dark #3E444B or #4F555D, ensuring readability for body text in a dark mode setting.

Accessibility notes

  • Ensure #8F97A0 text has sufficient contrast against all darker shades, especially #6B727A, for WCAG AA compliance.
  • Avoid using dark greys like #4F555D for text on #3E444B backgrounds; readability will be severely compromised.
  • Use #8F97A0 for all critical text elements to ensure legibility across the palette's darker range.
  • Consider larger font sizes or bolder weights for text in #6B727A or #5E656E when used against #4F555D to improve perceived contrast.

Recommended combinations

Dark Base

Perfect for a dark mode interface, with the lightest grey for text on the darkest background.

#3E444B · #4F555D · #8F97A0

Sturdy UI

Creates robust UI elements like buttons or cards, with #8F97A0 for labels and icons.

#6B727A · #5E656E · #8F97A0

Deep Structure

Ideal for framing content or creating deep sectional dividers, emphasizing strength and depth.

#4F555D · #3E444B · #6B727A

CSS variables

:root {
  --stone-golem-grey-1: #4F555D;
  --stone-golem-grey-2: #6B727A;
  --stone-golem-grey-3: #8F97A0;
  --stone-golem-grey-4: #3E444B;
  --stone-golem-grey-5: #5E656E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "stone-golem-grey": {
        1: "#4F555D",
        2: "#6B727A",
        3: "#8F97A0",
        4: "#3E444B",
        5: "#5E656E",
      }
    }
  }
}

Related searches

dark grey color schemeindustrial monochrome paletterobust stone colorsdark mode grey palettedeep cool grey design

Palette colors

Hex values

Color 1#4F555D
·
Color 2#6B727A
·
Color 3#8F97A0
·
Color 4#3E444B
·
Color 5#5E656E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.5:1Fail
1.3:1Fail
1.3:1Fail
2
1.5:1Fail
1.6:1Fail
2:1Fail
1.2:1Fail
3
2.5:1Fail
1.6:1Fail
3.3:1AA18
2:1Fail
4
1.3:1Fail
2:1Fail
3.3:1AA18
1.7:1Fail
5
1.3:1Fail
1.2:1Fail
2:1Fail
1.7:1Fail

Similar palettes

More like Stone Golem Grey

View all monochrome
Ancient Stone Altar
Shadowed Granite Depths
Ancient Tomb Relic
Castle Stone Decay
Gothic Cathedral Stone
Gothic Cathedral Stone