Back to palettes

Palette

Fairy Glen Dewdrop

Delicate and magical, inspired by dewdrops glistening in a secret, enchanting forest glen.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Fairy Glen Dewdrop 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 Glen Dewdrop.

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

Data visualization

#E0F2F1#B2DFDB#80CBC4#A5D6A7#E6F5DD

Palette guide

How to use Fairy Glen Dewdrop

Overview

The Fairy Glen Dewdrop palette offers a serene and enchanting aesthetic, drawing inspiration from dewdrops in a secret forest glen. This delicate collection features soft, cool tones like the airy #E0F2F1, the gentle #B2DFDB, and the refreshing #80CBC4, complemented by the subtle greens of #A5D6A7 and the near-white #E6F5DD. Ideal for creating designs that evoke calmness, purity, and a touch of magic, this palette is perfect for projects requiring a light, ethereal feel. Developers will find these hues easy to implement for soft UI elements, background gradients, or illustrative components, ensuring a harmonious and inviting user experience without overwhelming the senses. Its pastel nature makes it versatile for a range of digital and print applications.

Best used for

  • Gentle branding for wellness or spa businesses
  • Children's book illustrations or nursery decor
  • UI/UX design for meditation apps or calming websites
  • Wedding invitations and event stationery
  • Eco-friendly product packaging
  • Nature-themed digital art and photography backgrounds

Suggested color roles

primary

Utilize #80CBC4 as a key element for main calls to action, prominent headings, or significant interactive components, providing a refreshing yet gentle focal point.

secondary

Employ #B2DFDB for supporting elements, secondary buttons, or large content blocks. It maintains the palette's calm while offering enough differentiation from the primary.

accent

Introduce #A5D6A7 for subtle highlights, small icons, or decorative flourishes where a touch of soft, natural green is desired to add visual interest without overpowering.

background

Use #E0F2F1 or #E6F5DD extensively for main backgrounds, large content areas, or soft gradients. These shades provide an airy, clean canvas that allows other colors to gently emerge.

text

For optimal readability, pair these light colors with a dark charcoal or near-black text (e.g., #333333). For a softer approach on larger text, a very dark green or blue could work, but standard dark gray provides the best contrast.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when using lighter palette colors. Test dark text on #E0F2F1.
  • Avoid placing light pastel text directly on other light pastel backgrounds; always check WCAG AA or AAA guidelines.
  • Use a robust color contrast checker for all key UI elements, particularly interactive components like buttons and links.
  • Consider larger font sizes or bolder weights when using mid-tone colors like #B2DFDB for text to enhance readability.

Recommended combinations

Morning Dew

Ideal for clean, fresh UI layouts, header sections, or product showcases, evoking a crisp, natural feel.

#E6F5DD · #B2DFDB · #80CBC4

Forest Whisper

Perfect for subtle branding, serene landing pages, or background elements where a soft, tranquil atmosphere is desired.

#E0F2F1 · #A5D6A7 · #B2DFDB

Glistening Glen

Great for creating gentle illustrations, calming infographics, or accentuating key design elements with a touch of natural vibrancy.

#80CBC4 · #E0F2F1 · #A5D6A7

CSS variables

:root {
  --fairy-glen-dewdrop-1: #E0F2F1;
  --fairy-glen-dewdrop-2: #B2DFDB;
  --fairy-glen-dewdrop-3: #80CBC4;
  --fairy-glen-dewdrop-4: #A5D6A7;
  --fairy-glen-dewdrop-5: #E6F5DD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "fairy-glen-dewdrop": {
        1: "#E0F2F1",
        2: "#B2DFDB",
        3: "#80CBC4",
        4: "#A5D6A7",
        5: "#E6F5DD",
      }
    }
  }
}

Related searches

pastel green color schemesgentle nature palettemystical light colorssoothing UI design paletteethereal green and blue hues

Palette colors

Hex values

Color 1#E0F2F1
·
Color 2#B2DFDB
·
Color 3#80CBC4
·
Color 4#A5D6A7
·
Color 5#E6F5DD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.6:1Fail
1.4:1Fail
1:1Fail
2
1.3:1Fail
1.3:1Fail
1.1:1Fail
1.3:1Fail
3
1.6:1Fail
1.3:1Fail
1.1:1Fail
1.6:1Fail
4
1.4:1Fail
1.1:1Fail
1.1:1Fail
1.4:1Fail
5
1:1Fail
1.3:1Fail
1.6:1Fail
1.4:1Fail

Similar palettes

More like Fairy Glen Dewdrop

View all pastel
Cloud Whisper Bloom
Cloud Whispers
Ethereal Fairy Dust
Morning Dew Petals
Orchid Petal Softness
Porcelain Bloom