Back to palettes

Palette

Gothic Manor Elegance

A sophisticated and slightly brooding palette inspired by the intricate details and deep shadows of a historic gothic manor.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1F1F2F#4A4A6B#7D7D9B#AFB0C0#DEDFE4

Palette guide

How to use Gothic Manor Elegance

Overview

The "Gothic Manor Elegance" palette is a sophisticated and slightly brooding collection, inspired by the intricate details and deep shadows of a historic gothic manor. Ranging from the profound #1F1F2F to the soft #DEDFE4, these colors offer a refined gradient of muted blues and grays. Mid-tones like #4A4A6B, #7D7D9B, and #AFB0C0 provide excellent versatility for creating depth and visual hierarchy. This palette is ideal for designers seeking to evoke a sense of refined mystery, historical charm, and understated luxury. Developers can leverage these hex codes for UIs that require a timeless, elegant aesthetic, such as architectural portfolios, high-end editorial content, or sophisticated corporate websites.

Best used for

  • Architectural firm branding and websites
  • Luxury real estate presentations
  • High-end fashion or jewelry e-commerce
  • Museum or heritage site digital platforms
  • Sophisticated corporate identities
  • Elegant editorial design layouts

Suggested color roles

primary

A very deep, dark blue-gray #1F1F2F, ideal for strong headers, primary branding, or elegant background sections.

secondary

A rich, darker blue-gray #4A4A6B, suitable for subheadings, prominent buttons, or detailed UI components.

accent

A balanced, muted blue-gray #7D7D9B that can highlight interactive elements or provide subtle visual interest.

background

A very light, cool gray #DEDFE4, perfect for main content areas, offering a clean, sophisticated canvas.

text

Use this deepest shade #1F1F2F for primary body text on light backgrounds like #DEDFE4 for optimal readability.

Accessibility notes

  • Ensure robust contrast when using #1F1F2F or #4A4A6B for text on #DEDFE4.
  • Avoid placing #AFB0C0 text on #7D7D9B backgrounds due to low contrast.
  • Always use a contrast checker to ensure WCAG compliance for all text and interactive elements.
  • For smaller text, darker shades on lighter backgrounds are crucial for legibility.

Recommended combinations

Manor Stone

High-contrast text on a light, cool background, with a supporting deep tone.

#1F1F2F · #DEDFE4 · #4A4A6B

Shadowed Halls

Layers of muted blue-grays for depth in backgrounds or visual hierarchy.

#4A4A6B · #7D7D9B · #AFB0C0

Refined Detail

A light, sophisticated base with a gentle accent and a strong grounding color for elegant interfaces.

#DEDFE4 · #7D7D9B · #1F1F2F

CSS variables

:root {
  --gothic-manor-elegance-1: #1F1F2F;
  --gothic-manor-elegance-2: #4A4A6B;
  --gothic-manor-elegance-3: #7D7D9B;
  --gothic-manor-elegance-4: #AFB0C0;
  --gothic-manor-elegance-5: #DEDFE4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gothic-manor-elegance": {
        1: "#1F1F2F",
        2: "#4A4A6B",
        3: "#7D7D9B",
        4: "#AFB0C0",
        5: "#DEDFE4",
      }
    }
  }
}

Related searches

gothic blue gray palettedark academia elegant colorshistoric manor color schemesophisticated muted blue hexarchitectural gray palette

Palette colors

Hex values

Color 1#1F1F2F
·
Color 2#4A4A6B
·
Color 3#7D7D9B
·
Color 4#AFB0C0
·
Color 5#DEDFE4
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
4.1:1AA18
7.6:1AAA
12.2:1AAA
2
1.9:1Fail
2.1:1Fail
3.9:1AA18
6.4:1AA
3
4.1:1AA18
2.1:1Fail
1.9:1Fail
3:1Fail
4
7.6:1AAA
3.9:1AA18
1.9:1Fail
1.6:1Fail
5
12.2:1AAA
6.4:1AA
3:1Fail
1.6:1Fail

Similar palettes

More like Gothic Manor Elegance

View all dark
Gothic Revival Grandeur
Cathedral Stained Glass
Cobblestone Alley Night
Gothic Cathedral Glow
Gothic Rose Window
Gothic Velvet Cloak