Back to palettes

Palette

Gothic Manor Shadow

A moody and opulent blend of deep purples and grays, evoking the grandeur of a shadowed manor with ancient secrets.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Gothic Manor 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 Gothic Manor Shadow.

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

Data visualization

#4B0082#36454F#BFCBC2#1A1A1A#191970

Palette guide

How to use Gothic Manor Shadow

Overview

The Gothic Manor Shadow palette offers a sophisticated and mysterious blend, perfect for designers and developers aiming to evoke a sense of opulent darkness. Featuring deep tones like the commanding #4B0082 (Dark Violet) and the grounding #36454F (Charcoal Gray), it sets a dramatic stage. The near-black #1A1A1A provides a luxurious canvas, beautifully contrasted by the ethereal #BFCBC2 (Light Gray). A touch of #191970 (Midnight Blue) adds subtle regal depth. This palette is ideal for creating designs that feel ancient, elegant, and full of untold stories, ensuring a high-end, exclusive feel.

Best used for

  • Luxury brand websites and apps
  • High-end event invitations and branding
  • Dark mode UI/UX design for sophisticated platforms
  • Fantasy or mystery game interfaces and marketing
  • Film posters and promotional materials
  • Editorial design for art and history publications

Suggested color roles

primary

#4B0082 (Dark Violet). Ideal for strong branding elements, major headings, or interactive components requiring a dramatic flair.

secondary

#36454F (Charcoal Gray). Excellent for large content blocks, secondary backgrounds, or sophisticated navigation elements, providing depth without being pure black.

accent

#191970 (Midnight Blue). Use sparingly for subtle highlights, hover states, or small decorative details to add a touch of regal mystery.

background

#1A1A1A (Near Black). The foundational dark canvas for UI, providing maximum contrast for lighter text and a sense of luxury and depth.

text

#BFCBC2 (Light Gray). The primary choice for body text on dark backgrounds like #1A1A1A or #36454F, ensuring readability while maintaining the palette's muted elegance.

Accessibility notes

  • Ensure #BFCBC2 text has sufficient contrast against #1A1A1A and #36454F backgrounds (WCAG AA/AAA compliance).
  • Avoid using #4B0082 or #191970 for small body text on dark backgrounds due to potential low contrast.
  • When using #BFCBC2 on #4B0082, verify contrast, especially for larger headings or graphical elements.
  • Consider providing a light mode alternative or allowing users to adjust text size for optimal readability.

Recommended combinations

Deep Contrast UI

Classic dark mode UI with readable light text and a powerful primary call to action or brand highlight for maximum impact.

#1A1A1A · #BFCBC2 · #4B0082

Mysterious Depth

Subtler background with a deep blue accent for informational sections or sidebars, paired with light text for clear content presentation.

#36454F · #191970 · #BFCBC2

Regal Accents

Dramatic header sections or hero images, using the deep purple and blue for graphic elements or overlays against a dark, grounding canvas.

#4B0082 · #191970 · #1A1A1A

CSS variables

:root {
  --gothic-manor-shadow-1: #4B0082;
  --gothic-manor-shadow-2: #36454F;
  --gothic-manor-shadow-3: #BFCBC2;
  --gothic-manor-shadow-4: #1A1A1A;
  --gothic-manor-shadow-5: #191970;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gothic-manor-shadow": {
        1: "#4B0082",
        2: "#36454F",
        3: "#BFCBC2",
        4: "#1A1A1A",
        5: "#191970",
      }
    }
  }
}

Related searches

gothic color schemesdark elegant palettesmysterious website colorsopulent UI designmedieval inspired palette

Palette colors

Hex values

Color 1#4B0082
·
Color 2#36454F
·
Color 3#BFCBC2
·
Color 4#1A1A1A
·
Color 5#191970
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
7.7:1AAA
1.3:1Fail
1.1:1Fail
2
1.3:1Fail
5.9:1AA
1.8:1Fail
1.5:1Fail
3
7.7:1AAA
5.9:1AA
10.4:1AAA
8.9:1AAA
4
1.3:1Fail
1.8:1Fail
10.4:1AAA
1.2:1Fail
5
1.1:1Fail
1.5:1Fail
8.9:1AAA
1.2:1Fail

Similar palettes

More like Gothic Manor Shadow

View all dark
Black Rose Bloom
Enigmatic Shadow Tale
Gothic Violet Shadow
Raven Feather Veil
Deep Plum Twilight
Gothic Bloom Reverie