Back to palettes

Palette

Gothic Manor Drama

A sophisticated and dramatic palette, reminiscent of rich velvet fabrics and opulent night scenes, full of grandeur.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#800020#191970#004D40#000000#FFD700

Palette guide

How to use Gothic Manor Drama

Overview

The "Gothic Manor Drama" palette is a sophisticated and highly dramatic collection, reminiscent of rich velvet fabrics and opulent night scenes. Featuring bold, deep hues like #800020 (maroon), #191970 (dark blue), and #004D40 (deep teal), it establishes a mood of grandeur and mystery. The foundational #000000 provides ultimate depth, while #FFD700 (gold) acts as a striking, luxurious accent. This palette is ideal for designers seeking to evoke luxury, power, and theatrical flair. Developers can leverage these hex codes for UI elements that demand high visual impact and a regal aesthetic, perfect for high-end fashion, entertainment, or luxury brand interfaces.

Best used for

  • Luxury brand marketing and websites
  • Theatrical production branding
  • High-end event invitations
  • Fashion editorial layouts
  • Gothic or fantasy game UI
  • Opulent interior design mockups

Suggested color roles

primary

Pure black #000000, serving as a powerful grounding color for backgrounds, text, and primary elements.

secondary

A deep, regal navy blue #191970, suitable for large sections, secondary branding, or significant UI components.

accent

A vibrant, rich gold #FFD700, excellent for calls-to-action, icons, or highlighting key interactive elements with luxury.

background

Pure black #000000, providing a dramatic and elegant backdrop for all other colors to shine.

text

Use this bright gold #FFD700 for primary text on dark backgrounds like #000000 or #191970 for maximum impact and readability.

Accessibility notes

  • Ensure excellent contrast for #FFD700 text on #000000, #191970, #800020, and #004D40 backgrounds.
  • Avoid using dark colors like #800020 text on #191970 backgrounds without careful contrast checking.
  • Prioritize WCAG AA or AAA compliance for all text and interactive elements, especially with such a dark palette.
  • Reserve #FFD700 for important information or interactive elements to avoid overwhelming users.

Recommended combinations

Regal Night

Strong black background with vibrant gold accent and deep blue secondary for luxury.

#000000 · #FFD700 · #191970

Velvet & Gold

Rich maroon with a golden highlight and grounding black for dramatic flair.

#800020 · #FFD700 · #000000

Deep Jewels

A sophisticated blend of deep blue and teal, accented with brilliant gold for elegance.

#191970 · #004D40 · #FFD700

CSS variables

:root {
  --gothic-manor-drama-1: #800020;
  --gothic-manor-drama-2: #191970;
  --gothic-manor-drama-3: #004D40;
  --gothic-manor-drama-4: #000000;
  --gothic-manor-drama-5: #FFD700;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gothic-manor-drama": {
        1: "#800020",
        2: "#191970",
        3: "#004D40",
        4: "#000000",
        5: "#FFD700",
      }
    }
  }
}

Related searches

gothic luxury color palettedark dramatic hex colorsregal velvet color schemeblack gold navy themeopulent dark aesthetic

Palette colors

Hex values

Color 1#800020
·
Color 2#191970
·
Color 3#004D40
·
Color 4#000000
·
Color 5#FFD700
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.1:1Fail
1.9:1Fail
7.7:1AAA
2
1.4:1Fail
1.5:1Fail
1.4:1Fail
10.6:1AAA
3
1.1:1Fail
1.5:1Fail
2.1:1Fail
7:1AAA
4
1.9:1Fail
1.4:1Fail
2.1:1Fail
15:1AAA
5
7.7:1AAA
10.6:1AAA
7:1AAA
15:1AAA

Similar palettes

More like Gothic Manor Drama

View all dark