Palette

Faerie Glen Mystery

Enchanting greens of a hidden faerie glen, shrouded in an ancient and beautiful mystery.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Faerie Glen Mystery 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 Faerie Glen Mystery.

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

Data visualization

#0F362D#2B5B4E#5D8F7B#8FD4B9#C8E8D9

Palette guide

How to use Faerie Glen Mystery

Overview

The "Faerie Glen Mystery" palette evokes the serene and mystical depths of an enchanted forest, offering a tranquil yet profound color story. Dominated by cool, verdant greens, this collection ranges from the deep, grounding #0F362D to the lush #2B5B4E, through the balanced #5D8F7B, to the ethereal #8FD4B9, culminating in the delicate #C8E8D9. Designers can leverage this palette to craft experiences that feel organic, mysterious, and calming. It's ideal for projects aiming to communicate natural beauty, ancient wisdom, or a touch of otherworldly charm, providing a cohesive and sophisticated visual language for digital and print media.

Best used for

Fantasy game UI and environmental design
Nature-themed branding and logos (e.g., eco-friendly products)
Wellness, meditation, or aromatherapy app interfaces
Book covers or illustrations for fantasy novels
Sustainable fashion or organic beauty product packaging
Website designs for spiritual or holistic businesses

Suggested color roles

primary

#0F362D - A deep, anchoring forest green perfect for main headings, navigation bars, or dominant brand elements, providing a strong foundation.

secondary

#2B5B4E - A rich, verdant green ideal for subheadings, prominent buttons, or large content blocks, adding depth without being overpowering.

accent

#8FD4B9 - A luminous, ethereal green that works beautifully for calls-to-action, interactive elements, or delicate illustrations, drawing attention with a soft glow.

background

#C8E8D9 - A very light, airy green that serves as an excellent soft canvas for content, maintaining the palette's mystical feel without overwhelming.

text

#0F362D - Use this deep green for main body text and headlines to ensure excellent readability against lighter backgrounds, or a dark charcoal for general body copy.

Accessibility notes

Ensure #0F362D or #2B5B4E is used for text on #C8E8D9 to meet WCAG AA large text contrast requirements.
Avoid placing #5D8F7B text on #8FD4B9 backgrounds as contrast may be insufficient for readability.
Use #8FD4B9 sparingly as an accent on darker shades like #0F362D for best visual impact and contrast.
Always test text legibility, especially when using lighter greens for smaller font sizes on mid-tone backgrounds to guarantee accessibility.

Recommended combinations

Deep Forest Glow

Use the deep green for primary content, light green for backgrounds, and the bright green for accents or highlights to create a mystical feel.

#0F362D · #C8E8D9 · #8FD4B9

Verdant Layers

Combine the mid-tones for layered visual elements, using the darkest green for strong emphasis or text, ideal for complex illustrations.

#2B5B4E · #5D8F7B · #0F362D

Ethereal Mist

Ideal for soft, atmospheric graphics; use the light background, a mid-tone for secondary elements, and a slightly darker green for subtle depth.

#C8E8D9 · #5D8F7B · #2B5B4E

CSS variables

:root {
  --faerie-glen-mystery-1: #0F362D;
  --faerie-glen-mystery-2: #2B5B4E;
  --faerie-glen-mystery-3: #5D8F7B;
  --faerie-glen-mystery-4: #8FD4B9;
  --faerie-glen-mystery-5: #C8E8D9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "faerie-glen-mystery": {
        1: "#0F362D",
        2: "#2B5B4E",
        3: "#5D8F7B",
        4: "#8FD4B9",
        5: "#C8E8D9",
      }
    }
  }
}

Hex values

Color 1#0F362D

Color 2#2B5B4E

Color 3#5D8F7B

Color 4#8FD4B9

Color 5#C8E8D9

Accessibility

Contrast checker

1.7:1Fail

3.6:1AA18

7.7:1AAA

10.1:1AAA

1.7:1Fail

2.1:1Fail

4.5:1AA

5.9:1AA

3.6:1AA18

2.1:1Fail

2.2:1Fail

2.8:1Fail

7.7:1AAA

4.5:1AA

2.2:1Fail

1.3:1Fail

10.1:1AAA

5.9:1AA

2.8:1Fail

1.3:1Fail

Similar palettes

More like Faerie Glen Mystery

View all cool

Enchanted Forest Veil