Back to palettes

Palette

Gothic Charm

Deep, mysterious purples imbued with a sense of historic elegance and shadowy allure.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#260D2D#4B2956#7D4E89#B27DC1#E5B9EB

Palette guide

How to use Gothic Charm

Overview

The Gothic Charm palette is a collection of deep, mysterious purples imbued with a sense of historic elegance and shadowy allure. Starting with a profound purple-black (#260D2D), it gracefully transitions through rich, dark purples (#4B2956, #7D4E89) to lighter, more ethereal shades (#B27DC1, #E5B9EB). This gradient captures the essence of a romantic, moody atmosphere, perfect for evoking mystery and sophistication. Designers and developers can leverage these hues for projects requiring a touch of luxury, fantasy, or a distinctly feminine gothic aesthetic, ensuring a captivating and elegant visual experience.

Best used for

  • Boutique brand identity and packaging
  • Romantic web design and digital art
  • Fantasy illustration and character design
  • Luxury product showcases
  • Fashion editorials and beauty blogs
  • Event branding with a mysterious theme

Suggested color roles

primary

Utilize #260D2D as the foundational background, providing an encompassing, deep purple-black canvas for dramatic effect.

secondary

Apply #4B2956 for secondary content areas or large text, offering a rich, supporting dark purple that adds depth.

accent

Introduce #E5B9EB sparingly for delicate highlights, intricate patterns, or interactive elements, providing an ethereal, soft glow.

background

The deepest shade, #260D2D, serves best as a primary background, allowing the brighter purples to emerge with elegance.

text

For optimal readability, use #E5B9EB or a crisp white on the darker shades like #260D2D and #4B2956. On lighter shades, a dark charcoal is suitable.

Accessibility notes

  • Ensure high contrast for text on #B27DC1; a dark charcoal or #260D2D will likely be needed.
  • The lightest color, #E5B9EB, provides excellent contrast for text on all darker shades in the palette.
  • Avoid pairing #4B2956 with #7D4E89 for small text due to potential low contrast.
  • Always verify contrast ratios for all text elements to maintain readability across the palette.

Recommended combinations

Mysterious Depth

Ideal for creating layered backgrounds or main content areas, building a sense of profound depth and elegant mystery.

#260D2D · #4B2956 · #7D4E89

Romantic Glow

Perfect for hero sections or focal points, using the light purples as a backdrop for soft accents and grounding darks.

#B27DC1 · #E5B9EB · #4B2956

Charming Contrast

Use for prominent call-to-action buttons or key information, leveraging strong contrast between dark, light, and vibrant mid-tones.

#260D2D · #E5B9EB · #7D4E89

CSS variables

:root {
  --gothic-charm-1: #260D2D;
  --gothic-charm-2: #4B2956;
  --gothic-charm-3: #7D4E89;
  --gothic-charm-4: #B27DC1;
  --gothic-charm-5: #E5B9EB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gothic-charm": {
        1: "#260D2D",
        2: "#4B2956",
        3: "#7D4E89",
        4: "#B27DC1",
        5: "#E5B9EB",
      }
    }
  }
}

Related searches

gothic purple color schememoody romantic paletteelegant dark purple designmysterious charm colorshistoric purple aesthetic

Palette colors

Hex values

Color 1#260D2D
·
Color 2#4B2956
·
Color 3#7D4E89
·
Color 4#B27DC1
·
Color 5#E5B9EB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.8:1Fail
5.6:1AA
10.6:1AAA
2
1.5:1Fail
1.9:1Fail
3.8:1AA18
7.1:1AAA
3
2.8:1Fail
1.9:1Fail
2:1Fail
3.8:1AA18
4
5.6:1AA
3.8:1AA18
2:1Fail
1.9:1Fail
5
10.6:1AAA
7.1:1AAA
3.8:1AA18
1.9:1Fail

Similar palettes

More like Gothic Charm

View all dark
Gothic Cloister Arch
Gothic Velvet Dusk
Midnight Chapel Rose
Midnight Iris Bloom
Moonlit Abbey Shadow
Smoked Amethyst Aura