Palette

Moonlit Abbey Shadow

Deep, muted purples and grays create an atmosphere of mysterious and understated romantic elegance.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Moonlit Abbey Shadow 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 Moonlit Abbey Shadow.

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

Data visualization

#1C1C1C#36454F#5D536B#826E9C#B7A8D1

Palette guide

How to use Moonlit Abbey Shadow

Overview

The Moonlit Abbey Shadow palette evokes an atmosphere of mysterious and understated romantic elegance through deep, muted purples and grays. Anchored by the profound #1C1C1C (Dark Charcoal) and #36454F (Charcoal Gray), it transitions into the sophisticated #5D536B (Deep Taupe) and the rich #826E9C (Muted Violet). The ethereal #B7A8D1 (Light Lavender Gray) provides a soft, moonlit highlight. This palette is a designer's dream for projects requiring a moody, luxurious, or gothic aesthetic, such as high-end fashion, art galleries, or sophisticated digital interfaces. Developers can leverage these hues to create compelling dark themes that exude refinement and intrigue, ensuring a memorable user experience.

Best used for

Luxury fashion branding
Art gallery websites
Gothic or fantasy game interfaces
Elegant event invitations
Mysterious digital portfolios
High-end editorial designs

Suggested color roles

primary

Use #1C1C1C as the dominant dark background or primary text color, providing a strong, elegant foundation.

secondary

Apply #36454F for secondary backgrounds, panels, or navigation, offering subtle differentiation from the primary dark.

accent

Employ #826E9C for calls to action, interactive elements, or key highlights, adding a touch of muted vibrancy.

background

The deepest #1C1C1C or #36454F creates an atmospheric, dark background. #B7A8D1 can be used for very light, contrasting sections.

text

For primary text on dark backgrounds, #B7A8D1 or a crisp white ensures excellent readability. Use #1C1C1C for text on light accents.

Accessibility notes

Ensure high contrast when pairing text with backgrounds, especially for small font sizes. #B7A8D1 on #1C1C1C is ideal.
Avoid using #5D536B text on #36454F backgrounds due to insufficient contrast for accessibility.
Interactive elements should have distinct visual cues, perhaps using #826E9C with a lighter hover state.
For a predominantly dark palette, provide clear visual hierarchy through distinct lightness differences for text and UI elements.

Recommended combinations

Mystic Veil

Creates a deep, mysterious foundation with a striking light highlight, perfect for impactful statements.

#1C1C1C · #36454F · #B7A8D1

Regal Shadow

Offers a rich, layered purple-gray combination, ideal for sophisticated graphical elements or panels.

#5D536B · #826E9C · #36454F

Abbey Glow

A balanced trio for elegant UI, providing depth, a soft highlight, and a grounding dark base.

#826E9C · #B7A8D1 · #1C1C1C

CSS variables

:root {
  --moonlit-abbey-shadow-1: #1C1C1C;
  --moonlit-abbey-shadow-2: #36454F;
  --moonlit-abbey-shadow-3: #5D536B;
  --moonlit-abbey-shadow-4: #826E9C;
  --moonlit-abbey-shadow-5: #B7A8D1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "moonlit-abbey-shadow": {
        1: "#1C1C1C",
        2: "#36454F",
        3: "#5D536B",
        4: "#826E9C",
        5: "#B7A8D1",
      }
    }
  }
}

Hex values

Color 1#1C1C1C

Color 2#36454F

Color 3#5D536B

Color 4#826E9C

Color 5#B7A8D1

Accessibility

Contrast checker

1.7:1Fail

2.4:1Fail

3.8:1AA18

7.7:1AAA

1.7:1Fail

1.4:1Fail

2.2:1Fail

4.5:1AA18

2.4:1Fail

1.4:1Fail

1.6:1Fail

3.3:1AA18

3.8:1AA18

2.2:1Fail

1.6:1Fail

2:1Fail

7.7:1AAA

4.5:1AA18

3.3:1AA18

2:1Fail

Similar palettes

More like Moonlit Abbey Shadow

View all dark

Deep Plum Twilight

Gothic Cloister Arch

Midnight Masquerade Veil

Midnight Velvet Cloak

Nebula Dream Dust

Black Rose Bloom