Palette

Gothic Library Aura

Deep purples and rich plums conjure images of a grand, mysterious library filled with ancient lore.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#36253A#5D3E64#8F6097#C48CCB#E4C6EB

Palette guide

How to use Gothic Library Aura

Overview

The Gothic Library Aura palette beautifully captures the mystical and elegant essence of an ancient, enchanted library. Its spectrum of deep purples, from the intense #36253A and #5D3E64 to the lighter, ethereal #C48CCB and #E4C6EB, evokes a sense of arcane knowledge and opulent mystery. This gradient allows for sophisticated layering and depth, ideal for designs that aim to be both luxurious and enigmatic. The rich plummy tones, like #8F6097, provide a warm, inviting feel while maintaining a distinctly gothic mood, making it perfect for storytelling and high-end branding.

Best used for

Fantasy novel covers or branding
Luxury beauty product packaging
Mystical or spiritual websites
Elegant event invitations
Interior design for boutique spaces
Fashion brand identity

Suggested color roles

primary

#36253A (A deep, grounding purple for main backgrounds, establishing a rich, mysterious atmosphere.)

secondary

#5D3E64 (A slightly lighter, vibrant purple for secondary sections, providing depth and visual interest.)

accent

#C48CCB (A bright, yet still muted, lavender for calls to action, highlights, or decorative elements.)

background

#36253A (Sets a luxurious and contemplative tone for large areas of a design.)

text

#E4C6EB (An ethereal light purple, excellent for headings and large display text on darker backgrounds; for body text, consider white or a very light gray for optimal legibility.)

Accessibility notes

E4C6EB on #36253A or #5D3E64 will likely provide good contrast for most text sizes.
C48CCB on #36253A may be suitable for larger text but might fail for small body text. Always verify.
Avoid using #8F6097 as text on #5D3E64 or #36253A due to insufficient contrast.
Ensure interactive elements have distinct hover/focus states, possibly using #E4C6EB for emphasis.

Recommended combinations

Mystic Gradient

Creates a smooth, deep gradient for backgrounds or large graphical elements.

#36253A · #5D3E64 · #8F6097

Ethereal Glow

For headings and subheadings, with the lighter shades providing an elegant, readable contrast.

#36253A · #C48CCB · #E4C6EB

Enchanted Accents

Ideal for UI elements, icons, or subtle patterns that need to stand out with grace.

#5D3E64 · #E4C6EB · #8F6097

CSS variables

:root {
  --gothic-library-aura-1: #36253A;
  --gothic-library-aura-2: #5D3E64;
  --gothic-library-aura-3: #8F6097;
  --gothic-library-aura-4: #C48CCB;
  --gothic-library-aura-5: #E4C6EB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gothic-library-aura": {
        1: "#36253A",
        2: "#5D3E64",
        3: "#8F6097",
        4: "#C48CCB",
        5: "#E4C6EB",
      }
    }
  }
}

Hex values

Color 1#36253A

Color 2#5D3E64

Color 3#8F6097

Color 4#C48CCB

Color 5#E4C6EB

Accessibility

Contrast checker

1.6:1Fail

2.9:1Fail

5.4:1AA

9.2:1AAA

1.6:1Fail

1.8:1Fail

3.4:1AA18

5.8:1AA

2.9:1Fail

1.8:1Fail

1.9:1Fail

3.2:1AA18