Back to palettes

Palette

Gothic Cathedral Stone

A somber, grand palette reflecting the weathered stones and deep shadows of ancient cathedrals.

monochromedark5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Gothic Cathedral Stone 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 Gothic Cathedral Stone.

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

Data visualization

#36454F#708090#A9A9A9#C0C0C0#2F4F4F

Palette guide

How to use Gothic Cathedral Stone

Overview

The "Gothic Cathedral Stone" palette offers a somber yet grand collection, reflecting the weathered stones and deep shadows of ancient cathedrals. It features a deep Charcoal Gray (#36454F), a stately Slate Gray (#708090), a balanced Dark Gray (#A9A9A9), a luminous Silver (#C0C0C0), and a profound Dark Slate Gray (#2F4F4F). This collection is perfect for designers and developers aiming to convey a sense of history, gravitas, and understated elegance. These hues provide a versatile foundation for creating structured, sophisticated digital environments, robust branding, or evocative artistic compositions with a timeless, monumental feel.

Best used for

  • Historical preservation organization websites
  • High-end architectural photography portfolios
  • Dark mode UI for professional applications
  • Luxury brand identity with a classic, strong aesthetic
  • Museum or cultural institution digital experiences
  • Serious editorial design and publishing platforms

Suggested color roles

primary

#2F4F4F (Dark Slate Gray) - A deep, grounding primary that provides a strong, stable foundation for backgrounds or main structural elements.

secondary

#36454F (Charcoal Gray) - Offers a solid, reliable contrast, excellent for navigation, card backgrounds, or secondary content areas.

accent

#C0C0C0 (Silver) - A luminous accent that adds a touch of understated elegance, perfect for interactive elements or subtle highlights.

background

#2F4F4F (Dark Slate Gray) - An excellent choice for a deep, immersive background, allowing lighter grays to stand out.

text

#C0C0C0 (Silver) - Highly legible against the darker grays, making it ideal for primary body text. #A9A9A9 can be used for secondary text on darker backgrounds.

Accessibility notes

  • Ensure ample contrast by pairing #C0C0C0 or #A9A9A9 with #2F4F4F or #36454F for text.
  • Avoid using #708090 for text on #A9A9A9 or #C0C0C0 as contrast will likely be insufficient.
  • Small text elements should always use the highest contrast pairings, such as white on #2F4F4F.
  • The deeper grays like #36454F and #2F4F4F will require light text for readability.

Recommended combinations

Deep Stone

Creates a strong, layered effect for background sections, content blocks, or subtle UI depth in a dark theme.

#2F4F4F · #36454F · #708090

Ethereal Contrast

Ideal for typography hierarchies, distinguishing headings from body text, or for subtle interactive elements.

#36454F · #A9A9A9 · #C0C0C0

Monumental Text

Use #2F4F4F as a deep background with #C0C0C0 for primary text and #A9A9A9 for secondary information or details.

#2F4F4F · #C0C0C0 · #A9A9A9

CSS variables

:root {
  --gothic-cathedral-stone-5-1: #36454F;
  --gothic-cathedral-stone-5-2: #708090;
  --gothic-cathedral-stone-5-3: #A9A9A9;
  --gothic-cathedral-stone-5-4: #C0C0C0;
  --gothic-cathedral-stone-5-5: #2F4F4F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gothic-cathedral-stone-5": {
        1: "#36454F",
        2: "#708090",
        3: "#A9A9A9",
        4: "#C0C0C0",
        5: "#2F4F4F",
      }
    }
  }
}

Related searches

gothic stone color palettesdark grey architectural themesmoody elegant web designmedieval stone texture colorssophisticated grey branding colors

Palette colors

Hex values

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

Accessibility

Contrast checker

1
2
3
4
5
1
2.4:1Fail
4.2:1AA18
5.4:1AA
1.1:1Fail
2
2.4:1Fail
1.7:1Fail
2.2:1Fail
2.2:1Fail
3
4.2:1AA18
1.7:1Fail
1.3:1Fail
3.8:1AA18
4
5.4:1AA
2.2:1Fail
1.3:1Fail
4.9:1AA
5
1.1:1Fail
2.2:1Fail
3.8:1AA18
4.9:1AA

Similar palettes

More like Gothic Cathedral Stone

View all monochrome
Ancient Tomb Relic
Castle Stone Decay
Charcoal Smoke Hues
Gothic Cathedral Stone
Gothic Cathedral Stone
Gothic Stone Abbey