Back to palettes

Palette

Mystic Woods Bloom

A captivating palette evoking the hidden magic and rich flora of a moonlit ancient forest.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0A1C16#1A362D#3E6050#738E80#AEC6B5

Palette guide

How to use Mystic Woods Bloom

Overview

The Mystic Woods Bloom palette is a captivating collection evoking the hidden magic and rich flora of a moonlit ancient forest. Ranging from the profound #0A1C16, a deep, almost black green, to the ethereal #AEC6B5, a soft, light green, this palette offers immense depth and sophistication. Designers and developers can leverage the rich interplay between #1A362D and #3E6050 to create immersive, dark-themed interfaces that feel both mysterious and luxurious. The atmospheric #738E80 provides a gentle, luminous contrast. The full spectrum of #0A1C16, #1A362D, #3E6050, #738E80, and #AEC6B5 is perfect for projects that demand an elegant, nature-inspired aesthetic with a touch of enchantment and profound tranquility.

Best used for

  • Dark-themed websites and mobile applications
  • Fantasy literature covers and world-building
  • Luxury eco-tourism promotions and branding
  • Elegant event branding and evening galas
  • Mystical art installations and digital art
  • High-end jewelry or fashion displays

Suggested color roles

primary

Designate #0A1C16 as the deepest, anchoring forest green for backgrounds, large sections, or robust brand elements.

secondary

Use #1A362D as a rich, dark evergreen for supporting panels, secondary navigation, or deep textures.

accent

Apply #738E80 as a soft, atmospheric highlight for interactive states, subtle calls-to-action, or luminous elements.

background

Employ #3E6050 as a versatile, deep muted green for main content areas, providing a sophisticated base.

text

For optimal readability, use #AEC6B5 or white/near-white for text on #0A1C16 or #1A362D backgrounds.

Accessibility notes

  • Ensure #AEC6B5 offers good contrast on #0A1C16 or #1A362D for body text, meeting WCAG AA standards.
  • Check that #738E80 has sufficient contrast when used on #3E6050 for larger headings and important UI elements.
  • Avoid using #3E6050 as text on #1A362D due to low contrast, which can hinder readability.
  • For interactive elements, ensure a contrast ratio of at least 3:1 for non-text components to maintain usability.

Recommended combinations

Moonlit Depths

Creates stark, elegant contrast in dark themes, providing depth with legible highlights.

#0A1C16 · #1A362D · #AEC6B5

Forest Flora

Offers layered, natural depth with subtle luminescence, ideal for atmospheric graphics.

#3E6050 · #738E80 · #1A362D

Mystic Bloom

Highlights soft, luminous accents against a profound, dark background, perfect for focal points.

#AEC6B5 · #738E80 · #0A1C16

CSS variables

:root {
  --mystic-woods-bloom-1: #0A1C16;
  --mystic-woods-bloom-2: #1A362D;
  --mystic-woods-bloom-3: #3E6050;
  --mystic-woods-bloom-4: #738E80;
  --mystic-woods-bloom-5: #AEC6B5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mystic-woods-bloom": {
        1: "#0A1C16",
        2: "#1A362D",
        3: "#3E6050",
        4: "#738E80",
        5: "#AEC6B5",
      }
    }
  }
}

Related searches

dark green mystical palettemoonlit forest colorsdeep nature UI themeelegant green web designmysterious woodland bloom

Palette colors

Hex values

Color 1#0A1C16
·
Color 2#1A362D
·
Color 3#3E6050
·
Color 4#738E80
·
Color 5#AEC6B5
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.5:1Fail
5:1AA
9.7:1AAA
2
1.4:1Fail
1.9:1Fail
3.7:1AA18
7.2:1AAA
3
2.5:1Fail
1.9:1Fail
2:1Fail
3.9:1AA18
4
5:1AA
3.7:1AA18
2:1Fail
2:1Fail
5
9.7:1AAA
7.2:1AAA
3.9:1AA18
2:1Fail

Similar palettes

More like Mystic Woods Bloom

View all dark
Enchanted Evergreen Depth
Mystic Forest Shroud
Shaded Mystic Wood
Verdant Canopy Depths
Dark Forest Canopy
Dark Forest Lore