Back to palettes

Palette

Gothic Stone Chapel

Deep, solemn greys evoking the ancient and imposing structures of a gothic stone chapel.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2F2F3D#4A4A5B#6C6C7D#9595A6#1E1E2C

Palette guide

How to use Gothic Stone Chapel

Overview

The "Gothic Stone Chapel" palette offers a sophisticated, deeply atmospheric range of solemn greys, perfect for evoking ancient grandeur and imposing structures. Anchored by the near-black #1E1E2C and the rich #2F2F3D, this collection provides a strong foundation for designs seeking a moody, luxurious, or historical feel. The mid-tones like #4A4A5B and #6C6C7D offer crucial depth, while the lightest shade, #9595A6, ensures essential contrast and readability. Designers and developers can leverage these hues to craft environments that are both dramatic and elegant, fostering a sense of timeless gravitas across digital and physical mediums.

Best used for

  • High-end luxury brand identity
  • Dark mode UI themes for sophisticated applications
  • Historical or fantasy game environments
  • Architectural portfolio websites
  • Dramatic product packaging for premium goods
  • Art gallery or museum digital experiences

Suggested color roles

primary

#1E1E2C. This deepest shade serves as the dominant background or primary element, establishing a profound, almost black foundation for the entire design.

secondary

#2F2F3D. A slightly softer, yet still very dark grey, ideal for supporting panels, large section backgrounds, or prominent UI containers that need to recede slightly from the primary.

accent

#6C6C7D. A mid-tone grey that provides a subtle, sophisticated highlight. Use it for borders, dividers, subtle iconography, or interactive states to add definition without harsh contrast.

background

#1E1E2C. The profound depth of this shade makes it an excellent canvas for dark themes, allowing lighter text and UI elements to stand out with elegant contrast.

text

#9595A6. This lighter grey offers good readability against the darker palette tones. For headings or critical information, consider pure white or a very light off-white like #F8F8F8 for maximum impact.

Accessibility notes

  • Ensure sufficient contrast (AA or AAA) between #9595A6 text and the darker backgrounds like #1E1E2C or #2F2F3D.
  • Avoid using mid-tones like #4A4A5B or #6C6C7D for body text on similarly dark backgrounds; contrast will be insufficient.
  • Use larger font sizes for lighter text on dark backgrounds to enhance readability, especially for decorative elements.
  • Provide clear visual focus indicators for interactive elements, possibly using a bright white or a very light grey for outlines.

Recommended combinations

Deep Read

Ideal for primary content blocks: #1E1E2C as background, #9595A6 for body text, and #6C6C7D for subtle headings or sub-text.

#1E1E2C · #9595A6 · #6C6C7D

Layered Depth

Effective for UI elements with hierarchical depth; #2F2F3D for a base panel, #4A4A5B for a nested card, and #9595A6 for a key label.

#2F2F3D · #4A4A5B · #9595A6

Subtle Accent

Use #4A4A5B for a content area, #1E1E2C for section titles or strong elements, and #6C6C7D for borders or dividers.

#4A4A5B · #1E1E2C · #6C6C7D

CSS variables

:root {
  --gothic-stone-chapel-1: #2F2F3D;
  --gothic-stone-chapel-2: #4A4A5B;
  --gothic-stone-chapel-3: #6C6C7D;
  --gothic-stone-chapel-4: #9595A6;
  --gothic-stone-chapel-5: #1E1E2C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gothic-stone-chapel": {
        1: "#2F2F3D",
        2: "#4A4A5B",
        3: "#6C6C7D",
        4: "#9595A6",
        5: "#1E1E2C",
      }
    }
  }
}

Related searches

dark grey color schemesmoody architectural palettegothic web design colorsstone texture color paletteluxury dark branding colors

Palette colors

Hex values

Color 1#2F2F3D
·
Color 2#4A4A5B
·
Color 3#6C6C7D
·
Color 4#9595A6
·
Color 5#1E1E2C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.6:1Fail
4.5:1AA18
1.2:1Fail
2
1.5:1Fail
1.7:1Fail
2.9:1Fail
1.9:1Fail
3
2.6:1Fail
1.7:1Fail
1.7:1Fail
3.2:1AA18
4
4.5:1AA18
2.9:1Fail
1.7:1Fail
5.6:1AA
5
1.2:1Fail
1.9:1Fail
3.2:1AA18
5.6:1AA

Similar palettes

More like Gothic Stone Chapel

View all dark
Cathedral Shadow Grey
Gothic Stone Whisper
Gothic Castle Stone
Gothic Cathedral Glint
Gothic Cathedral Stone
Gothic Chapel Stone