Back to palettes

Palette

Gothic Amethyst Glow

Luxuriously deep purples and rich tones, evoking the mystery and allure of a precious gemstone.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#36013F#5D006A#8F009F#C300CC#F700FF

Palette guide

How to use Gothic Amethyst Glow

Overview

The Gothic Amethyst Glow palette radiates with luxurious, deep purples, evoking the mystery and allure of a precious gemstone. Ranging from the profound #36013F and #5D006A to the rich #8F009F and vibrant #C300CC, it culminates in the striking, almost electric #F700FF. This collection is ideal for designs that require a dramatic, elegant, and mystical touch. It's perfect for conveying opulence, fantasy, or a sophisticated gothic aesthetic, making a bold statement with its intense, jewel-toned hues.

Best used for

  • Luxury brand identity and packaging
  • Mystical or fantasy-themed digital art
  • High-end event decor and invitations
  • Fashion and beauty brands with a dramatic flair
  • Gaming UI or dark mode applications
  • Artistic photography with a gothic mood

Suggested color roles

primary

Use #36013F for dominant backgrounds or foundational elements, establishing a deep, luxurious atmosphere.

secondary

Employ #5D006A or #8F009F for supporting sections, gradients, or larger graphical elements, adding depth.

accent

Apply #F700FF for striking highlights, call-to-action buttons, or small, impactful details to create a 'glow' effect.

background

Utilize #36013F for a rich, enveloping dark canvas that allows lighter elements to truly pop.

text

For optimal readability on dark purples, use white or a very light gray. For large headings on #C300CC, a deep black or #36013F can work.

Accessibility notes

  • High contrast is paramount. Use white or very light text on all dark purple backgrounds to meet WCAG AA standards.
  • Avoid using mid-tone purples for small text on other purple backgrounds, as readability will be severely compromised.
  • The vibrant #F700FF should be used sparingly for text, primarily for large headings or accents, with a dark background.
  • Ensure interactive elements have sufficient contrast against their surrounding colors, ideally with a light text/icon.

Recommended combinations

Royal Depth

Create sophisticated gradients or layered backgrounds that transition smoothly through deep purples.

#36013F · #5D006A · #8F009F

Amethyst Glow

For vibrant highlights, attention-grabbing elements, or a modern, energetic touch.

#C300CC · #F700FF · #5D006A

Mystical Highlight

A dramatic pairing for strong calls to action, logos, or striking visual contrasts.

#36013F · #F700FF · #8F009F

CSS variables

:root {
  --gothic-amethyst-glow-1: #36013F;
  --gothic-amethyst-glow-2: #5D006A;
  --gothic-amethyst-glow-3: #8F009F;
  --gothic-amethyst-glow-4: #C300CC;
  --gothic-amethyst-glow-5: #F700FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gothic-amethyst-glow": {
        1: "#36013F",
        2: "#5D006A",
        3: "#8F009F",
        4: "#C300CC",
        5: "#F700FF",
      }
    }
  }
}

Related searches

gothic purple palettedeep amethyst colorsmystical jewel tonesluxury dark purplesvibrant gothic scheme

Palette colors

Hex values

Color 1#36013F
·
Color 2#5D006A
·
Color 3#8F009F
·
Color 4#C300CC
·
Color 5#F700FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.2:1Fail
3.4:1AA18
5.2:1AA
2
1.4:1Fail
1.6:1Fail
2.5:1Fail
3.8:1AA18
3
2.2:1Fail
1.6:1Fail
1.6:1Fail
2.4:1Fail
4
3.4:1AA18
2.5:1Fail
1.6:1Fail
1.5:1Fail
5
5.2:1AA
3.8:1AA18
2.4:1Fail
1.5:1Fail

Similar palettes

More like Gothic Amethyst Glow

View all dark