Back to palettes

Palette

Mystic Moon Dewdrop

Soft, ethereal purples and grays, capturing the delicate magic of moonlit dewdrops.

pastelelegant5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mystic Moon 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 Mystic Moon Dewdrop.

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

Data visualization

#D9D2DE#C1B4C9#8C7B9E#625078#A396AE

Palette guide

How to use Mystic Moon Dewdrop

Overview

The Mystic Moon Dewdrop palette offers a delicate and ethereal blend of soft purples and muted grays, perfect for creating sophisticated and tranquil digital experiences. With primary hues like the serene #8C7B9E and the deeper #625078, complemented by lighter tones such as #D9D2DE and #C1B4C9, this collection evokes a sense of calm elegance. Designers can leverage its subtle transitions for seamless UI elements, while developers will appreciate the cohesive nature of these shades for consistent branding. The slightly warmer #A396AE adds a touch of versatility, ensuring a balanced and inviting aesthetic for any project aiming for a refined, mystical feel. This palette is ideal for projects requiring a touch of magic without overwhelming vibrance.

Best used for

  • Luxury brand websites or apps
  • Spa and wellness marketing materials
  • Ethereal wedding invitations or event branding
  • UI/UX for meditation or mindfulness apps
  • High-end cosmetic packaging design
  • Art gallery or exhibition branding

Suggested color roles

primary

Use #625078 for main interactive elements, headers, or a sophisticated brand color to establish depth.

secondary

Apply #8C7B9E for subheadings, active states, or supporting visual elements, providing a softer contrast.

accent

Utilize #A396AE as a versatile accent for calls-to-action, small icons, or highlights that need a gentle pop.

background

Employ #D9D2DE as a light, airy background color that provides a clean canvas and enhances readability.

text

Ideal for primary body text on light backgrounds like #D9D2DE, #625078 ensures good readability and a refined look.

Accessibility notes

  • Ensure sufficient contrast when using #C1B4C9 for text on #D9D2DE; consider a darker text color.
  • #625078 offers good contrast against #D9D2DE and #C1B4C9 for readability of larger text blocks.
  • For small text, always pair darker shades like #625078 or #8C7B9E with the lightest background #D9D2DE.
  • Avoid using #A396AE on #C1B4C9 for text to prevent low contrast issues; check WCAG guidelines.

Recommended combinations

Soft Gradient

Creates a gentle, flowing gradient for backgrounds or large hero sections, evoking depth and calm.

#D9D2DE · #C1B4C9 · #8C7B9E

Elegant Contrast

Pairs a strong primary with a light background and a subtle accent for clear hierarchy and visual interest.

#625078 · #D9D2DE · #A396AE

Muted Harmony

Ideal for a harmonious, low-contrast design where elements blend subtly without harsh lines, such as illustrations.

#C1B4C9 · #A396AE · #8C7B9E

CSS variables

:root {
  --mystic-moon-dewdrop-1: #D9D2DE;
  --mystic-moon-dewdrop-2: #C1B4C9;
  --mystic-moon-dewdrop-3: #8C7B9E;
  --mystic-moon-dewdrop-4: #625078;
  --mystic-moon-dewdrop-5: #A396AE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mystic-moon-dewdrop": {
        1: "#D9D2DE",
        2: "#C1B4C9",
        3: "#8C7B9E",
        4: "#625078",
        5: "#A396AE",
      }
    }
  }
}

Related searches

elegant purple gray palettesubtle moon dew colorsdelicate mystical color schemetranquil pastel UI colorssophisticated soft purple hex codes

Palette colors

Hex values

Color 1#D9D2DE
·
Color 2#C1B4C9
·
Color 3#8C7B9E
·
Color 4#625078
·
Color 5#A396AE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.6:1Fail
4.8:1AA
1.9:1Fail
2
1.3:1Fail
2:1Fail
3.6:1AA18
1.4:1Fail
3
2.6:1Fail
2:1Fail
1.9:1Fail
1.4:1Fail
4
4.8:1AA
3.6:1AA18
1.9:1Fail
2.6:1Fail
5
1.9:1Fail
1.4:1Fail
1.4:1Fail
2.6:1Fail

Similar palettes

More like Mystic Moon Dewdrop

View all pastel
Vintage Porcelain Doll
Antique Lace Whisper
Antique Porcelain Rose
Blooming Orchid Delight
Blush Silk Drape
Blushing Rose Glow