Palette

Gothic Manor Hall

A luxurious, brooding atmosphere found within an ancient manor, full of history and shadowed opulence.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#343A40#5E1738#96858F#4E5C4E#4C403E

Palette guide

How to use Gothic Manor Hall

Overview

The "Gothic Manor Hall" palette evokes a luxurious, brooding atmosphere, rich with history and shadowed opulence. It features a unique blend of deep charcoal #343A40, a striking plum #5E1738, and a sophisticated muted mauve #96858F. Complementary dark forest green #4E5C4E and deep sepia brown #4C403E add to its complex, antique character. This palette is ideal for designers seeking to create a sophisticated, dramatic, and historically rich aesthetic. Developers can leverage these hex codes for UI elements that demand a sense of tradition and luxurious depth, perfect for high-end hospitality, historical content, or exclusive brand experiences.

Best used for

Luxury hotel or resort branding
Historical museum digital exhibits
Elegant event or wedding invitations
Fine dining restaurant websites
Gothic romance novel covers
Antique shop or gallery branding

Suggested color roles

primary

A deep charcoal gray #343A40, ideal for strong headers, primary branding, or elegant background sections.

secondary

A rich, deep plum #5E1738, suitable for prominent buttons, subheadings, or key interactive elements.

accent

A muted mauve #96858F, excellent for subtle highlights, decorative elements, or secondary calls-to-action.

background

Deep charcoal #343A40, providing a dramatic and sophisticated backdrop for other rich colors.

text

Use this lighter mauve #96858F for primary body text on dark backgrounds like #343A40 or #5E1738 for elegant readability.

Accessibility notes

Ensure sufficient contrast for #96858F text on #343A40, #5E1738, #4E5C4E, and #4C403E backgrounds.
Avoid using #4E5C4E text on #4C403E backgrounds due to low contrast.
Always use a contrast checker to ensure WCAG compliance for all text and interactive elements.
For interactive elements, ensure hover/focus states maintain good contrast against their background.

Recommended combinations

Opulent Shadows

Deep background with elegant light text and a rich plum accent.

#343A40 · #96858F · #5E1738

Aged Tapestry

A sophisticated blend of plum, forest green, and sepia for complex, rich textures.

#5E1738 · #4E5C4E · #4C403E

Manor Glimmer

A light, elegant accent color against a deep background, grounded by a rich secondary.

#96858F · #343A40 · #5E1738

CSS variables

:root {
  --gothic-manor-hall-1: #343A40;
  --gothic-manor-hall-2: #5E1738;
  --gothic-manor-hall-3: #96858F;
  --gothic-manor-hall-4: #4E5C4E;
  --gothic-manor-hall-5: #4C403E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gothic-manor-hall": {
        1: "#343A40",
        2: "#5E1738",
        3: "#96858F",
        4: "#4E5C4E",
        5: "#4C403E",
      }
    }
  }
}

Hex values

Color 1#343A40

Color 2#5E1738

Color 3#96858F

Color 4#4E5C4E

Color 5#4C403E

Accessibility

Contrast checker

1.1:1Fail

3.3:1AA18

1.6:1Fail

1.2:1Fail

1.1:1Fail

3.7:1AA18

1.8:1Fail

1.3:1Fail

3.3:1AA18

3.7:1AA18

2:1Fail

2.9:1Fail

1.6:1Fail

1.8:1Fail

2:1Fail

1.4:1Fail

1.2:1Fail

1.3:1Fail

2.9:1Fail

1.4:1Fail

Similar palettes

More like Gothic Manor Hall

View all dark

Cathedral Stained Glass

Crimson Velvet Drama

Antique Velvet Drapes

Blackberry Bramble Luxe

Crimson Spark

Crimson Wine Cellar