Back to palettes

Palette

Shadowed Stone History

A somber and mysterious palette, reflecting the deep, cool shadows and ancient stone of gothic architecture.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Shadowed Stone History 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 Shadowed Stone History.

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

Data visualization

#302E35#4A4650#6A6570#8A848D#222025

Palette guide

How to use Shadowed Stone History

Overview

The Shadowed Stone History palette (2) delves into the somber and mysterious allure of ancient stone architecture, presenting a range of deep, cool greys. From the profound #222025, a near-black, to the lighter #8A848D, this palette evokes a sense of timelessness and solemnity. It features the rich charcoal #302E35 and the slightly warmer #4A4650, providing a versatile foundation for depth. The mid-tone #6A6570 further enriches the grey scale, making it ideal for designers and developers crafting projects that require a gothic, historical, or quietly dramatic visual narrative, reminiscent of forgotten monuments.

Best used for

  • Gothic-themed websites and branding
  • Historical fiction book covers and illustrations
  • Architectural design portfolios
  • Mysterious game environments and concept art
  • Academic publications and museum exhibits
  • Dark mode applications requiring a serious tone

Suggested color roles

primary

Utilize #222025 as the deepest, foundational almost-black for main backgrounds or large sections, setting a profound tone.

secondary

Employ #302E35 for secondary content areas, headers, or borders, providing a distinct, dark charcoal layer.

accent

Apply #8A848D as a subtle, light grey-purple accent for highlights, interactive elements, or delicate UI details.

background

Use #302E35 as a primary background color for content areas, offering a rich, dark base that is easy on the eyes.

text

Pair #8A848D with the darkest shades like #222025 or #302E35 for readable body text, or use a crisp near-white for optimal contrast.

Accessibility notes

  • Ensure #8A848D text on #222025 or #302E35 meets WCAG AA standards for body text to guarantee legibility.
  • The combination of #6A6570 on #4A4650 will have very low contrast; avoid this for text and use for large decorative elements only.
  • For optimal readability, a lighter grey or pure white is recommended for extensive body copy on the darkest shades.
  • Interactive elements should have distinct states and sufficient contrast to be clearly identifiable and usable.

Recommended combinations

Deep Stone

Ideal for main UI elements, impactful headings, and areas where strong visual separation is desired.

#222025 · #8A848D · #302E35

Muted Layers

Excellent for creating distinct cards, subtle dividers, or layered backgrounds that add depth and texture.

#302E35 · #4A4650 · #6A6570

Ancient Feel

Perfect for secondary text, decorative accents, or subtle graphical elements that evoke a historical atmosphere.

#4A4650 · #8A848D · #222025

CSS variables

:root {
  --shadowed-stone-history-2-1: #302E35;
  --shadowed-stone-history-2-2: #4A4650;
  --shadowed-stone-history-2-3: #6A6570;
  --shadowed-stone-history-2-4: #8A848D;
  --shadowed-stone-history-2-5: #222025;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "shadowed-stone-history-2": {
        1: "#302E35",
        2: "#4A4650",
        3: "#6A6570",
        4: "#8A848D",
        5: "#222025",
      }
    }
  }
}

Related searches

gothic grey paletteancient stone colorsdark academia aestheticmysterious charcoal designsomber grey color scheme

Palette colors

Hex values

Color 1#302E35
·
Color 2#4A4650
·
Color 3#6A6570
·
Color 4#8A848D
·
Color 5#222025
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.4:1Fail
3.7:1AA18
1.2:1Fail
2
1.5:1Fail
1.6:1Fail
2.5:1Fail
1.8:1Fail
3
2.4:1Fail
1.6:1Fail
1.6:1Fail
2.8:1Fail
4
3.7:1AA18
2.5:1Fail
1.6:1Fail
4.4:1AA18
5
1.2:1Fail
1.8:1Fail
2.8:1Fail
4.4:1AA18

Similar palettes

More like Shadowed Stone History

View all dark
Black Rose Bloom
Cathedral Shadow Grey
Enigmatic Shadow Tale
Gothic Cathedral Stone
Gothic Cathedral Whisper
Gothic Chapel Stone