Back to palettes

Palette

Enchanted Forest Shimmer

Deep and enchanting, revealing the mystical allure of a twilight forest with hidden sparkles.

DarkDark5 colors
More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Enchanted Forest Shimmer 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 Forest Shimmer.

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

Data visualization

#0C2B29#1E4745#396F6B#64A39D#9CD6D0

Palette guide

How to use Enchanted Forest Shimmer

Overview

The Enchanted Forest Shimmer palette is deep and enchanting, revealing the mystical allure of a twilight forest with hidden sparkles. Its rich teal-greens, from the profound #0C2B29 to the shimmering #9CD6D0, create an atmosphere of sophistication and mystery. This palette is exceptionally useful for designers and developers crafting luxury branding, sophisticated dark mode UI, or fantasy literature covers. The subtle transition from dark, almost black-teal to a luminous light teal provides depth and an ethereal glow, perfect for conveying elegance and intrigue.

Best used for

  • Luxury branding and high-end design
  • Sophisticated dark mode user interfaces
  • Fantasy literature and game covers
  • Evening wear fashion aesthetics
  • Tranquil spa and wellness environments
  • Underwater or deep-sea themed designs

Suggested color roles

primary

Use #0C2B29 as a deep, mysterious primary color for backgrounds, headers, or dominant brand elements.

secondary

Apply #1E4745 for rich, supportive dark teal elements, providing depth and continuity.

accent

Introduce #64A39D as a shimmering, ethereal highlight for interactive elements, subtle details, or calls-to-action.

background

Utilize #9CD6D0 for light, airy backdrops, or #0C2B29 for a deep, encompassing dark theme.

text

White or a very light grey offers excellent contrast on #0C2B29, #1E4745, and #396F6B. Use #0C2B29 for text on #9CD6D0.

Accessibility notes

  • White text on #0C2B29 provides optimal contrast for readability, especially in dark mode.
  • Ensure sufficient contrast when using #64A39D for text on #9CD6D0; aim for larger font sizes or decorative usage.
  • Avoid using dark text on any color darker than #64A39D to maintain readability.
  • The palette is well-suited for dark themes; consistently use light text for best accessibility.

Recommended combinations

Twilight Depths

A powerful combination for primary layouts, balancing deep teal with a shimmering accent.

#0C2B29 · #1E4745 · #64A39D

Shimmering Layers

Create layered backgrounds or content blocks, evoking a sense of depth and diffused light.

#9CD6D0 · #396F6B · #1E4745

Deep Contrast

Employ for strong visual hierarchy, using the darkest and lightest hues for clear foreground/background separation.

#0C2B29 · #9CD6D0 · #396F6B

CSS variables

:root {
  --enchanted-forest-shimmer-1: #0C2B29;
  --enchanted-forest-shimmer-2: #1E4745;
  --enchanted-forest-shimmer-3: #396F6B;
  --enchanted-forest-shimmer-4: #64A39D;
  --enchanted-forest-shimmer-5: #9CD6D0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-forest-shimmer": {
        1: "#0C2B29",
        2: "#1E4745",
        3: "#396F6B",
        4: "#64A39D",
        5: "#9CD6D0",
      }
    }
  }
}

Related searches

deep teal color palettemystical forest colorsdark enchanted UI schemesophisticated shimmer designtwilight green branding

Palette colors

Hex values

Color 1#0C2B29
·
Color 2#1E4745
·
Color 3#396F6B
·
Color 4#64A39D
·
Color 5#9CD6D0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.6:1Fail
5.2:1AA
9.3:1AAA
2
1.5:1Fail
1.8:1Fail
3.6:1AA18
6.3:1AA
3
2.6:1Fail
1.8:1Fail
2:1Fail
3.5:1AA18
4
5.2:1AA
3.6:1AA18
2:1Fail
1.8:1Fail
5
9.3:1AAA
6.3:1AA
3.5:1AA18
1.8:1Fail

Similar palettes

More like Enchanted Forest Shimmer

View all Dark