Back to palettes

Palette

Lunar Glow Serene

A soft and ethereal palette reflecting the gentle, calming glow of moonlight over a peaceful, tranquil landscape.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Lunar Glow Serene 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 Lunar Glow Serene.

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

Data visualization

#f0f8ff#e6e6fa#d8bfd8#c6b9e2#a89bb6

Palette guide

How to use Lunar Glow Serene

Overview

The Lunar Glow Serene palette offers a soft, ethereal collection of colors, perfectly reflecting the gentle, calming glow of moonlight over a peaceful landscape. With delicate shades like #f0f8ff (Alice Blue) and #e6e6fa (Lavender Blush), complemented by the more grounded #d8bfd8 (Thistle) and #a89bb6 (Muted Mauve), this scheme exudes tranquility and subtlety. The mid-tone #c6b9e2 (Soft Lavender) provides a beautiful anchor, preventing the palette from feeling too washed out. Ideal for projects that aim to convey peace, elegance, and a dreamy aesthetic, it's a versatile choice for a range of calm-focused designs.

Best used for

  • Wellness and meditation application UIs
  • Wedding invitations and delicate event branding
  • Soft, ethereal artistic portfolios
  • Nursery decor and children's product design
  • Spa and beauty brand identities
  • Tranquil website backgrounds

Suggested color roles

primary

Use #c6b9e2 (Soft Lavender) for main content blocks, headers, or primary UI elements, providing a gentle yet distinct presence.

secondary

Employ #d8bfd8 (Thistle) for supporting elements, subheadings, or background textures, adding subtle warmth and depth.

accent

Apply #a89bb6 (Muted Mauve) sparingly for subtle highlights, interactive states, or decorative details, grounding the lighter tones.

background

Utilize #f0f8ff (Alice Blue) as a clean, airy background, enhancing the palette's serene and spacious feel.

text

For body text, a dark grey or charcoal is recommended for optimal readability. For headings, #a89bb6 can provide a soft, branded touch.

Accessibility notes

  • Ensure sufficient contrast when using lighter colors like #e6e6fa for text on #f0f8ff backgrounds; darker shades are preferred for body text.
  • Text in #a89bb6 on #f0f8ff should meet WCAG AA standards for larger text sizes; verify contrast for smaller body text.
  • Avoid using #d8bfd8 for small, critical text elements on light backgrounds due to potential low contrast.
  • Pair the deepest color #a89bb6 with the lightest #f0f8ff for maximum readability on essential information.

Recommended combinations

Gentle Twilight

Creates a soft, fading gradient or layered background, evoking a peaceful twilight sky.

#F0F8FF · #E6E6FA · #D8BFD8

Deep Serenity

Ideal for content blocks or graphical elements requiring more visual weight and subtle color depth.

#C6B9E2 · #A89BB6 · #D8BFD8

Subtle Contrast

Effective for highlighting important text or interactive components against a very light, ethereal backdrop.

#F0F8FF · #A89BB6 · #E6E6FA

CSS variables

:root {
  --lunar-glow-serene-1: #f0f8ff;
  --lunar-glow-serene-2: #e6e6fa;
  --lunar-glow-serene-3: #d8bfd8;
  --lunar-glow-serene-4: #c6b9e2;
  --lunar-glow-serene-5: #a89bb6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lunar-glow-serene": {
        1: "#f0f8ff",
        2: "#e6e6fa",
        3: "#d8bfd8",
        4: "#c6b9e2",
        5: "#a89bb6",
      }
    }
  }
}

Related searches

soft moonlight paletteserene lavender colorsethereal design schemecalm twilight huesgentle pastel branding

Palette colors

Hex values

Color 1#f0f8ff
·
Color 2#e6e6fa
·
Color 3#d8bfd8
·
Color 4#c6b9e2
·
Color 5#a89bb6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.6:1Fail
1.7:1Fail
2.4:1Fail
2
1.1:1Fail
1.4:1Fail
1.5:1Fail
2.1:1Fail
3
1.6:1Fail
1.4:1Fail
1.1:1Fail
1.5:1Fail
4
1.7:1Fail
1.5:1Fail
1.1:1Fail
1.4:1Fail
5
2.4:1Fail
2.1:1Fail
1.5:1Fail
1.4:1Fail

Similar palettes

More like Lunar Glow Serene

View all cool
Winter Dusk Embrace
Alpine Lake Reflection
Alpine Mist
Aqua Stillness Mood
Arctic Lake Glass
Arctic River Ice