Back to palettes

Palette

Gothic Library Veil

Subtle, dark purples and grays that suggest the quiet, aged elegance of an old gothic library.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Gothic Library Veil 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 Library Veil.

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

Data visualization

#4F4A5E#66607B#807797#9990B4#B4A7D0

Palette guide

How to use Gothic Library Veil

Overview

The "Gothic Library Veil" palette offers a sophisticated range of subtle, dark purples and grays, perfectly capturing the quiet, aged elegance of an old gothic library. From the deep #4F4A5E to the luminous #B4A7D0, these colors provide a mysterious yet refined foundation. Mid-tones like #66607B, #807797, and #9990B4 create a harmonious gradient, ideal for depth and visual interest. Designers can leverage this palette to craft immersive digital experiences or elegant branding that speaks of mystery, intellect, and vintage charm. Developers will find these hex codes suitable for UIs requiring a unique, understated mood, such as art galleries, sophisticated blogs, or dark mode themes with a twist.

Best used for

  • Mysterious or fantasy-themed branding
  • Art gallery or museum website design
  • Sophisticated blog or editorial layouts
  • Dark mode UI themes with a subtle color accent
  • Vintage-inspired fashion or jewelry e-commerce
  • Creative writing platforms or portfolios

Suggested color roles

primary

A deep, muted purple-gray #4F4A5E, ideal for strong headers, primary branding, or elegant background sections.

secondary

A rich, darker purple-gray #66607B, suitable for subheadings, prominent buttons, or detailed UI components.

accent

A lighter, muted lavender-gray #9990B4, excellent for calls-to-action or highlighting important interactive elements.

background

A soft, luminous light purple-gray #B4A7D0, perfect for main content areas, offering a gentle, sophisticated canvas.

text

Use this deepest shade #4F4A5E for primary body text on light backgrounds like #B4A7D0 for optimal readability.

Accessibility notes

  • Ensure sufficient contrast when using #4F4A5E or #66607B for text on #B4A7D0.
  • Avoid placing #807797 text on #9990B4 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.

Recommended combinations

Mystic Fog

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

#4F4A5E · #B4A7D0 · #66607B

Shadowed Hues

Layers of subtle purple-grays for depth in backgrounds or visual hierarchy.

#66607B · #807797 · #9990B4

Veiled Light

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

#B4A7D0 · #9990B4 · #4F4A5E

CSS variables

:root {
  --gothic-library-veil-1: #4F4A5E;
  --gothic-library-veil-2: #66607B;
  --gothic-library-veil-3: #807797;
  --gothic-library-veil-4: #9990B4;
  --gothic-library-veil-5: #B4A7D0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gothic-library-veil": {
        1: "#4F4A5E",
        2: "#66607B",
        3: "#807797",
        4: "#9990B4",
        5: "#B4A7D0",
      }
    }
  }
}

Related searches

muted purple gray palettegothic library mysterious colorsdark academia purple schemevintage elegant hex codessubtle moody UI colors

Palette colors

Hex values

Color 1#4F4A5E
·
Color 2#66607B
·
Color 3#807797
·
Color 4#9990B4
·
Color 5#B4A7D0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2:1Fail
2.8:1Fail
3.8:1AA18
2
1.4:1Fail
1.4:1Fail
2:1Fail
2.7:1Fail
3
2:1Fail
1.4:1Fail
1.4:1Fail
1.9:1Fail
4
2.8:1Fail
2:1Fail
1.4:1Fail
1.3:1Fail
5
3.8:1AA18
2.7:1Fail
1.9:1Fail
1.3:1Fail

Similar palettes

More like Gothic Library Veil

View all dark