Back to palettes

Palette

Fairy Ring Glow

Dreamy, mossy greens and light neutrals that whisper of hidden, magical forest clearings.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Fairy Ring Glow 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 Fairy Ring Glow.

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

Data visualization

#F0F8EE#B8D8C2#8EB099#6A8C77#4F6B58

Palette guide

How to use Fairy Ring Glow

Overview

The Fairy Ring Glow palette evokes a sense of mystical tranquility, perfect for designs seeking a soft, enchanted forest aesthetic. With its range of mossy greens and gentle neutrals, this palette, featuring shades like the ethereal #F0F8EE and the calming #B8D8C2, creates a serene and inviting atmosphere. The deeper tones, such as the grounding #6A8C77 and the rich #4F6B58, provide excellent contrast and depth, while the versatile #8EB099 bridges the lighter and darker hues. Ideal for projects aiming for a natural, whimsical, or subtly magical feel, Fairy Ring Glow offers a harmonious blend that is both soothing and sophisticated for digital and print applications.

Best used for

  • Whimsical branding and logos
  • Nature-themed websites and mobile applications
  • Children's book illustrations and educational materials
  • Spa, wellness, and eco-friendly product packaging
  • Fantasy game UI/UX and concept art
  • Calm and inviting interior design mood boards

Suggested color roles

primary

Use #8EB099 as a balanced, muted green that serves as a versatile foundation for main UI elements, branding, or illustrations, offering a natural yet sophisticated feel.

secondary

This soft, lighter green, #B8D8C2, complements the primary beautifully, ideal for secondary information, backgrounds for cards, or subtle highlights and decorative elements.

accent

A deep, grounding forest green, #4F6B58, is perfect for adding depth, emphasis, or a touch of rich contrast to key calls to action, icons, or important details.

background

An airy, near-white neutral with a hint of green, #F0F8EE, provides a clean, spacious, and calming canvas that allows other palette colors to truly shine.

text

Apply #6A8C77 for body text on light backgrounds like #F0F8EE to ensure excellent readability. For text on darker backgrounds, consider a near-white text color for optimal contrast.

Accessibility notes

  • Ensure sufficient contrast when using lighter greens like #B8D8C2 for text against the #F0F8EE background; aim for a minimum WCAG AA ratio.
  • The deep #4F6B58 offers strong contrast for text when placed on the very light #F0F8EE or even #B8D8C2, making it an excellent choice for primary content.
  • Be mindful when pairing #8EB099 with #B8D8C2 for text or interactive elements, as their proximity in lightness may lead to insufficient contrast.
  • For larger text or headings, #6A8C77 provides good readability on the #F0F8EE background, meeting most accessibility standards.

Recommended combinations

Enchanted Forest

Ideal for hero sections, main branding, and nature-inspired illustrations, creating a deep, immersive feel.

#4F6B58 · #8EB099 · #F0F8EE

Misty Clearing

Perfect for serene UI elements, background patterns, and soft product designs, evoking a gentle, airy mood.

#B8D8C2 · #F0F8EE · #6A8C77

Mossy Accents

Use for call-to-action buttons, data visualization, and subtle decorative elements, adding organic accents.

#8EB099 · #4F6B58 · #B8D8C2

CSS variables

:root {
  --fairy-ring-glow-2-1: #F0F8EE;
  --fairy-ring-glow-2-2: #B8D8C2;
  --fairy-ring-glow-2-3: #8EB099;
  --fairy-ring-glow-2-4: #6A8C77;
  --fairy-ring-glow-2-5: #4F6B58;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "fairy-ring-glow-2": {
        1: "#F0F8EE",
        2: "#B8D8C2",
        3: "#8EB099",
        4: "#6A8C77",
        5: "#4F6B58",
      }
    }
  }
}

Related searches

enchanted forest color palettemystical green color schemesoft fantasy colorspastel moss greenscalm nature palette

Palette colors

Hex values

Color 1#F0F8EE
·
Color 2#B8D8C2
·
Color 3#8EB099
·
Color 4#6A8C77
·
Color 5#4F6B58
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.2:1Fail
3.4:1AA18
5.4:1AA
2
1.4:1Fail
1.5:1Fail
2.4:1Fail
3.8:1AA18
3
2.2:1Fail
1.5:1Fail
1.6:1Fail
2.5:1Fail
4
3.4:1AA18
2.4:1Fail
1.6:1Fail
1.6:1Fail
5
5.4:1AA
3.8:1AA18
2.5:1Fail
1.6:1Fail

Similar palettes

More like Fairy Ring Glow

View all pastel
Blossom Dew Kiss
Cerulean Pottery Glaze
Ethereal Dream Mists
Ethereal Forest Glade
Faded Botanical Print
Frosted Pastels