Back to palettes

Palette

Somber Abbey Stone

Deep grays and solemn purples echoing the imposing beauty and shadowed majesty of ancient cathedrals.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Somber Abbey 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 Somber Abbey Stone.

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

Data visualization

#2F4F4F#696969#483D8B#7B68EE#1A1A1A

Palette guide

How to use Somber Abbey Stone

Overview

The Somber Abbey Stone palette evokes the imposing beauty and shadowed majesty of ancient cathedrals, combining deep grays with solemn purples. This dark, gothic collection features a profound dark slate grey (#2F4F4F), a robust dim grey (#696969), a rich dark slate blue (#483D8B), a vibrant medium slate blue (#7B68EE), and a stark black (#1A1A1A). Designers can leverage this palette to create sophisticated, mysterious, and historically rich visual experiences. It's ideal for projects that aim to convey gravitas, tradition, or a touch of dramatic elegance. Developers will find these colors suitable for dark mode interfaces, immersive themed applications, or any design requiring a strong, atmospheric presence with deep contrasts and a sense of timelessness.

Best used for

  • Gothic or dark fantasy game design
  • Luxury branding with a mysterious edge
  • Historical documentary interfaces
  • High-end fashion photography backdrops
  • Dark mode UI/UX design
  • Architectural firm branding

Suggested color roles

primary

Use #1A1A1A as a foundational deep black for backgrounds or primary structural elements, providing ultimate depth.

secondary

Apply #2F4F4F for significant content areas or darker text, offering a slightly softer black.

accent

Utilize #7B68EE for striking accents, interactive elements, or to draw attention with a vibrant yet solemn touch.

background

Employ #2F4F4F or #1A1A1A for deep, atmospheric backgrounds, allowing lighter elements to pop.

text

White or very light grey text is essential for readability on these dark backgrounds. #7B68EE can also be used for large, accent text on #1A1A1A.

Accessibility notes

  • White or very light text is crucial for readability on #1A1A1A, #2F4F4F, #696969, and #483D8B.
  • Ensure #7B68EE provides sufficient contrast when used for text on darker background shades.
  • Avoid using #696969 text on #2F4F4F, as the contrast will be too low.
  • Always use a WCAG contrast checker to verify all text and background color combinations.

Recommended combinations

Gothic Depth

A dramatic pairing: #1A1A1A for a deep background, #483D8B for main content blocks, and #7B68EE for vibrant, eye-catching highlights or links.

#1A1A1A · #483D8B · #7B68EE

Stone & Shadow

Excellent for a layered, textured feel. #2F4F4F as a base, #696969 for secondary elements, and #7B68EE to provide a contrasting focal point.

#2F4F4F · #696969 · #7B68EE

Regal Contrast

Creates a sophisticated, regal look. #483D8B for a primary section, #1A1A1A for bold text or sidebars, and #696969 for supporting details.

#483D8B · #1A1A1A · #696969

CSS variables

:root {
  --somber-abbey-stone-1: #2F4F4F;
  --somber-abbey-stone-2: #696969;
  --somber-abbey-stone-3: #483D8B;
  --somber-abbey-stone-4: #7B68EE;
  --somber-abbey-stone-5: #1A1A1A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "somber-abbey-stone": {
        1: "#2F4F4F",
        2: "#696969",
        3: "#483D8B",
        4: "#7B68EE",
        5: "#1A1A1A",
      }
    }
  }
}

Related searches

dark gothic color palettehistoric stone colorssomber purple grey schememysterious dark mode paletteancient cathedral colors

Palette colors

Hex values

Color 1#2F4F4F
·
Color 2#696969
·
Color 3#483D8B
·
Color 4#7B68EE
·
Color 5#1A1A1A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
1:1Fail
2.1:1Fail
1.9:1Fail
2
1.6:1Fail
1.7:1Fail
1.3:1Fail
3.2:1AA18
3
1:1Fail
1.7:1Fail
2.2:1Fail
1.9:1Fail
4
2.1:1Fail
1.3:1Fail
2.2:1Fail
4.2:1AA18
5
1.9:1Fail
3.2:1AA18
1.9:1Fail
4.2:1AA18

Similar palettes

More like Somber Abbey Stone

View all dark
Victorian Gothic Veil
Cathedral Shadow Grey
Gothic Castle Stone
Gothic Cathedral Glint
Gothic Cathedral Stone
Gothic Midnight Bloom