Back to palettes

Palette

Enchanted Gloom Garden

Evokes the mysterious, rich hues of a forgotten garden under a spellbound night sky.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Enchanted Gloom Garden 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 Enchanted Gloom Garden.

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

Data visualization

#2F4F4F#483D8B#6A5ACD#8A2BE2#C71585

Palette guide

How to use Enchanted Gloom Garden

Overview

The Enchanted Gloom Garden palette evokes the mysterious, rich hues of a forgotten garden under a spellbound night sky. With a deep teal-grey #2F4F4F, enigmatic dark purple #483D8B, and vibrant magenta #C71585, this collection is dramatic and intriguing. It's an excellent choice for designers and developers crafting dark fantasy themes, gothic branding, or luxury event design. The bold and unexpected combination of deep, jewel-like tones creates a powerful and elegant visual experience, perfect for conveying mystery, magic, and sophisticated allure.

Best used for

  • Dark fantasy themes and concepts
  • Gothic and mysterious branding
  • Luxury event design and invitations
  • Sophisticated web and UI interfaces
  • Unique fashion lines and accessories
  • Digital art with a dramatic mood

Suggested color roles

primary

Use #2F4F4F as a deep, mysterious primary color for backgrounds, headers, or dominant content blocks in dark mode.

secondary

Apply #483D8B for rich, enigmatic dark purple elements, providing depth and a touch of magic.

accent

Introduce #C71585 as a vibrant, magical magenta pop for calls-to-action, important highlights, or decorative details.

background

Utilize #2F4F4F for a deep, encompassing dark theme, or a very dark neutral to allow the colors to stand out.

text

White or a very light grey offers excellent contrast on #2F4F4F, #483D8B, #6A5ACD, and #8A2BE2. Avoid light text on #C71585.

Accessibility notes

  • White text on #2F4F4F and #483D8B provides optimal contrast for readability in dark themes.
  • Ensure sufficient contrast for text on #6A5ACD and #8A2BE2; white text is generally recommended.
  • Avoid using dark text on any color in this palette, as none are light enough for good contrast.
  • The vibrant #C71585 may require careful pairing for text to ensure legibility; white text is usually safest.

Recommended combinations

Gothic Magic

A powerful and dramatic combination for hero sections, balancing deep tones with vibrant magical accents.

#2F4F4F · #483D8B · #C71585

Mystical Glow

Create layered backgrounds or content blocks, using lighter purples for an ethereal, glowing effect.

#6A5ACD · #8A2BE2 · #2F4F4F

Deep Enchantment

Employ for strong visual hierarchy, using the purple for elegance, magenta for emphasis, and teal-grey for depth.

#483D8B · #C71585 · #2F4F4F

CSS variables

:root {
  --enchanted-gloom-garden-1: #2F4F4F;
  --enchanted-gloom-garden-2: #483D8B;
  --enchanted-gloom-garden-3: #6A5ACD;
  --enchanted-gloom-garden-4: #8A2BE2;
  --enchanted-gloom-garden-5: #C71585;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-gloom-garden": {
        1: "#2F4F4F",
        2: "#483D8B",
        3: "#6A5ACD",
        4: "#8A2BE2",
        5: "#C71585",
      }
    }
  }
}

Related searches

dark fantasy color palettemysterious garden colorsgothic purple schemeenchanted gloom UImagical night branding

Palette colors

Hex values

Color 1#2F4F4F
·
Color 2#483D8B
·
Color 3#6A5ACD
·
Color 4#8A2BE2
·
Color 5#C71585
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.7:1Fail
1.5:1Fail
1.6:1Fail
2
1:1Fail
1.7:1Fail
1.5:1Fail
1.7:1Fail
3
1.7:1Fail
1.7:1Fail
1.1:1Fail
1:1Fail
4
1.5:1Fail
1.5:1Fail
1.1:1Fail
1.1:1Fail
5
1.6:1Fail
1.7:1Fail
1:1Fail
1.1:1Fail

Similar palettes

More like Enchanted Gloom Garden

View all dark
Enchanted Grove Lumina
Enchanted Night Bloom
Midnight Garden Secret
Moonlit Garden Gloom
Abyss Gaze
Abyssal Bioluminescent Glow