Back to palettes

Palette

Mystic Woodland Bloom

Deep and mysterious tones evoking a hidden magical forest where enchanted flora thrives under twilight.

coolelegant5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#556B2F#2E8B57#6A5ACD#8A2BE2#3CB371

Palette guide

How to use Mystic Woodland Bloom

Overview

The Mystic Woodland Bloom palette unveils deep and mysterious tones, evoking a hidden magical forest where enchanted flora thrives under twilight. This captivating palette features a blend of rich greens and vibrant purples, including #556B2F, a deep olive, and #8A2BE2, a striking blue-violet. Designers can utilize the strong contrast and unique harmony between #2E8B57, a deep sea green, and #6A5ACD, a medium slate blue, to create visually engaging and elegant interfaces. The lighter #3CB371 offers a touch of freshness, ensuring versatility. With its magical yet sophisticated feel, this palette of #556B2F, #2E8B57, #6A5ACD, #8A2BE2, and #3CB371 is perfect for projects demanding an air of mystery and high-end elegance.

Best used for

  • Fantasy-themed game interfaces and branding
  • Luxury brand websites and product packaging
  • Elegant event invitations and decor
  • Artistic portfolio sites and digital illustrations
  • Botanical art with a mystical twist
  • High-end cosmetic or fashion promotions

Suggested color roles

primary

Designate #2E8B57 as the primary color for its deep, enchanting green, suitable for main sections and brand identity.

secondary

Use #556B2F as a rich, earthy complement for supporting elements, navigation, or textured backgrounds.

accent

Apply #8A2BE2 for a vibrant, magical pop, perfect for calls-to-action, interactive elements, or striking highlights.

background

Employ #3CB371 as a versatile mid-tone green for broader background areas, providing a fresh yet deep base.

text

For optimal readability, use a dark charcoal or black for text on #3CB371, or #556B2F for prominent headings.

Accessibility notes

  • Ensure sufficient contrast for all text elements, especially when using vibrant accents like #8A2BE2.
  • Text set in #8A2BE2 or #6A5ACD will require a very dark or very light background to meet WCAG contrast standards.
  • Use #556B2F or a dark neutral color for body text on #3CB371 to maintain readability.
  • Avoid using #8A2BE2 or #6A5ACD for large blocks of text due to their intensity, reserving them for accents.

Recommended combinations

Enchanted Forest

Creates a lush, natural base for backgrounds and foundational elements.

#2E8B57 · #556B2F · #3CB371

Magical Aura

Generates dynamic, mystical elements and striking accents.

#8A2BE2 · #6A5ACD · #2E8B57

Bloom Accent

Highlights vibrant accents against a calmer, natural backdrop.

#3CB371 · #556B2F · #8A2BE2

CSS variables

:root {
  --mystic-woodland-bloom-1: #556B2F;
  --mystic-woodland-bloom-2: #2E8B57;
  --mystic-woodland-bloom-3: #6A5ACD;
  --mystic-woodland-bloom-4: #8A2BE2;
  --mystic-woodland-bloom-5: #3CB371;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mystic-woodland-bloom": {
        1: "#556B2F",
        2: "#2E8B57",
        3: "#6A5ACD",
        4: "#8A2BE2",
        5: "#3CB371",
      }
    }
  }
}

Related searches

magical forest color palettedeep jewel tone greensfantasy UI colorselegant green and purple palettemysterious woodland theme

Palette colors

Hex values

Color 1#556B2F
·
Color 2#2E8B57
·
Color 3#6A5ACD
·
Color 4#8A2BE2
·
Color 5#3CB371
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.1:1Fail
1:1Fail
2.2:1Fail
2
1.4:1Fail
1.3:1Fail
1.4:1Fail
1.6:1Fail
3
1.1:1Fail
1.3:1Fail
1.1:1Fail
2:1Fail
4
1:1Fail
1.4:1Fail
1.1:1Fail
2.2:1Fail
5
2.2:1Fail
1.6:1Fail
2:1Fail
2.2:1Fail

Similar palettes

More like Mystic Woodland Bloom

View all cool
Celestial Ocean Mirror
Emerald Grotto Depths
Jade Empress Realm
Sapphire Shroud
Amethyst Geode Sparkle
Aqua Jewel