Back to palettes

Palette

Mystical Bloom

A deep and enchanting blend, reminiscent of a mysterious garden blooming under the soft twilight sky.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mystical Bloom 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 Mystical Bloom.

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

Data visualization

#3F51B5#673AB7#AD1457#C2185B#1A0D40

Palette guide

How to use Mystical Bloom

Overview

The Mystical Bloom palette is a deep and enchanting collection, reminiscent of a mysterious garden at twilight. It combines rich, jewel-toned blues and purples like #3F51B5 and #673AB7 with vibrant, alluring magentas such as #AD1457 and #C2185B. The grounding dark indigo #1A0D40 provides a sophisticated depth. This palette is ideal for projects that aim to convey luxury, mystery, and a touch of dramatic elegance. Designers and developers will find these colors excellent for creating captivating, sophisticated, and memorable visual experiences that stand out.

Best used for

  • Premium fashion or beauty branding
  • Event invitations for galas or upscale parties
  • Luxury product packaging design
  • Theatrical or artistic website portfolios
  • Fantasy-themed digital illustrations and games
  • Sophisticated editorial design for magazines

Suggested color roles

primary

A profound, almost black indigo, serving as a powerful and elegant foundation for backgrounds, headers, or core branding, conveying depth and luxury (#1A0D40).

secondary

A rich, deep blue, ideal for subheadings, navigation, or significant graphical elements, adding a layer of sophistication and calm (#3F51B5).

accent

A vibrant, passionate magenta, perfect for striking highlights, call-to-action buttons, or decorative elements that demand attention (#C2185B).

background

A deep, regal purple, suitable for immersive backgrounds in dark mode interfaces or as a gradient base, offering a luxurious feel (#673AB7).

text

A rich, ruby-like magenta, offering excellent contrast for headings and important text on dark backgrounds like #1A0D40 (#AD1457), or a crisp white for general body text.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using lighter colors on dark backgrounds. White text on #1A0D40 or #3F51B5 will be highly legible.
  • Be cautious with #AD1457 or #C2185B as text colors on other dark shades; test for readability.
  • Avoid placing similar hues like #AD1457 on #C2185B for critical information due to low distinction.
  • Use accessibility checkers to verify contrast ratios for all critical text and interactive elements.

Recommended combinations

Twilight Garden

A dramatic combination excellent for hero sections, strong branding, or creating a luxurious, mysterious atmosphere.

#1A0D40 · #3F51B5 · #AD1457

Blooming Hues

A vibrant, energetic blend perfect for accent graphics, interactive elements, or creating a dynamic visual flow.

#673AB7 · #AD1457 · #C2185B

Royal Depth

Ideal for sophisticated interfaces, dark-themed applications, or conveying a sense of profound elegance and mystery.

#1A0D40 · #673AB7 · #3F51B5

CSS variables

:root {
  --mystical-bloom-1: #3F51B5;
  --mystical-bloom-2: #673AB7;
  --mystical-bloom-3: #AD1457;
  --mystical-bloom-4: #C2185B;
  --mystical-bloom-5: #1A0D40;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mystical-bloom": {
        1: "#3F51B5",
        2: "#673AB7",
        3: "#AD1457",
        4: "#C2185B",
        5: "#1A0D40",
      }
    }
  }
}

Related searches

jewel tone color palettedeep purple magenta colorsluxury floral design colorsmysterious garden aestheticdark elegant color scheme

Palette colors

Hex values

Color 1#3F51B5
·
Color 2#673AB7
·
Color 3#AD1457
·
Color 4#C2185B
·
Color 5#1A0D40
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1:1Fail
1.2:1Fail
2.6:1Fail
2
1.1:1Fail
1.1:1Fail
1.2:1Fail
2.4:1Fail
3
1:1Fail
1.1:1Fail
1.2:1Fail
2.6:1Fail
4
1.2:1Fail
1.2:1Fail
1.2:1Fail
3:1AA18
5
2.6:1Fail
2.4:1Fail
2.6:1Fail
3:1AA18

Similar palettes

More like Mystical Bloom

View all dark
Midnight Bloom Velvet
Regal Amethyst Velvet
Baronial Hall Tapestry
Cathedral Glass Shadow
Cathedral Stained Glass
Cathedral Window Glaze