Back to palettes

Palette

Enchanted Grove Lumina

Captures the mystical ambiance of an ancient, enchanted forest at twilight, glowing with hidden light.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Enchanted Grove Lumina 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 Grove Lumina.

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

Data visualization

#2B453E#0E3D3A#6C3D82#F0E68C#4E2E20

Palette guide

How to use Enchanted Grove Lumina

Overview

The Enchanted Grove Lumina palette captures the mystical ambiance of an ancient forest at twilight, glowing with hidden light. This intriguing collection blends deep, mysterious greens like #0E3D3A with a striking violet #6C3D82 and a luminous gold #F0E68C. Designers can leverage these hex codes to craft truly unique and magical experiences, perfect for fantasy themes or sophisticated branding. Developers will find the contrast between the dark base colors and the vibrant accent ideal for creating dramatic UI elements and captivating visual narratives. This palette encourages a balance between earthy depth and ethereal brilliance.

Best used for

  • Fantasy game interfaces and concept art
  • Mystical or esoteric brand identities
  • Website designs for luxury or bespoke products
  • Theatrical set design or event branding
  • Book covers for fantasy or magical realism genres
  • Digital illustrations requiring a dramatic, glowing effect

Suggested color roles

primary

#0E3D3A - A profound, dark teal-green, excellent for dominant backgrounds, headers, or large graphical elements, establishing a mysterious foundation.

secondary

#2B453E - A slightly lighter, yet still deep, forest green. Ideal for sub-panels, card backgrounds, or secondary navigation, adding subtle dimension.

accent

#6C3D82 - A rich, enchanting violet. Use for calls-to-action, key icons, or significant interactive elements to draw attention with a magical flair.

background

#0E3D3A - Provides a deep, immersive canvas that sets a mysterious and elegant tone.

text

#F0E68C - A luminous pale gold, perfect for primary text against the dark backgrounds, ensuring excellent readability and a magical glow.

Accessibility notes

  • Ensure #F0E68C text on #0E3D3A or #2B453E backgrounds meets WCAG AA contrast requirements.
  • The dark brown #4E2E20 might have insufficient contrast with other dark greens; use it for large elements or decorative purposes rather than small text.
  • Avoid placing #6C3D82 text directly on #2B453E or #0E3D3A without careful contrast checking, as it might lack readability.
  • Consider a lighter shade of #F0E68C or pure white for critical text elements if contrast is an issue, especially for smaller fonts.

Recommended combinations

Twilight Mystery

Deep #0E3D3A as background, #6C3D82 for accent buttons, and #F0E68C for glowing headings and primary text.

#0E3D3A · #6C3D82 · #F0E68C

Earthy Depths

Use #2B453E for a primary content block, #4E2E20 for a footer, and #F0E68C for illuminating text.

#2B453E · #4E2E20 · #F0E68C

Magical Glow

Dominant dark background with bright gold text and violet highlights for interactive elements, creating a strong magical impact.

#0E3D3A · #F0E68C · #6C3D82

CSS variables

:root {
  --enchanted-grove-lumina-1: #2B453E;
  --enchanted-grove-lumina-2: #0E3D3A;
  --enchanted-grove-lumina-3: #6C3D82;
  --enchanted-grove-lumina-4: #F0E68C;
  --enchanted-grove-lumina-5: #4E2E20;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-grove-lumina": {
        1: "#2B453E",
        2: "#0E3D3A",
        3: "#6C3D82",
        4: "#F0E68C",
        5: "#4E2E20",
      }
    }
  }
}

Related searches

dark fantasy color schememystical twilight paletteglowing gold and purple colorsenchanted forest UImagical nature branding

Palette colors

Hex values

Color 1#2B453E
·
Color 2#0E3D3A
·
Color 3#6C3D82
·
Color 4#F0E68C
·
Color 5#4E2E20
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.3:1Fail
8.1:1AAA
1.2:1Fail
2
1.2:1Fail
1.5:1Fail
9.4:1AAA
1:1Fail
3
1.3:1Fail
1.5:1Fail
6.2:1AA
1.5:1Fail
4
8.1:1AAA
9.4:1AAA
6.2:1AA
9.5:1AAA
5
1.2:1Fail
1:1Fail
1.5:1Fail
9.5:1AAA

Similar palettes

More like Enchanted Grove Lumina

View all dark
Dark Forest Canopy
Deep Forest Murmur
Enchanted Evergreen Depth
Enchanted Gloom Garden
Midnight Forest Canopy
Murmur Wood Shadow