Back to palettes

Palette

Moonlit Meadow Charm

Soft, dusky blues and silvers capture the ethereal beauty of a tranquil meadow bathed in the gentle glow of moonlight.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Moonlit Meadow Charm 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 Moonlit Meadow Charm.

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

Data visualization

#1C2B3F#4A5D7F#809ABF#B9C9E2#E0E8F2

Palette guide

How to use Moonlit Meadow Charm

Overview

The Moonlit Meadow Charm palette captures the ethereal beauty of a tranquil meadow bathed in the gentle glow of moonlight. This collection of soft, dusky blues and silvers is ideal for designs that aim to convey serenity, magic, and understated elegance. Featuring shades from the deep blue-gray #1C2B3F, through the balanced #809ABF, to the very light #E0E8F2, it offers a versatile spectrum for creating inviting visual experiences. Designers and developers can leverage this palette to craft user interfaces, branding, or digital art that feel calm, sophisticated, and subtly enchanting, ensuring a cohesive and peaceful aesthetic.

Best used for

  • Serene wellness and meditation apps
  • Elegant wedding photography websites
  • Baby product branding and packaging
  • Ethereal digital art and illustrations
  • Calm and sophisticated user interfaces
  • Luxury lifestyle blog designs

Suggested color roles

primary

Use #1C2B3F as a deep, anchoring blue-gray for main headings, footers, or dark text on light backgrounds.

secondary

Apply #4A5D7F for supporting content blocks, secondary navigation, or to add gentle depth.

accent

Employ #E0E8F2 for very light, airy highlights, interactive elements, or delicate graphic details.

background

The lightest shade, #E0E8F2, serves as an excellent clean, soft background, while #1C2B3F can create a deep, immersive canvas.

text

For optimal readability on light backgrounds like #E0E8F2, use #1C2B3F or #4A5D7F. On dark backgrounds, #E0E8F2 provides clear readability.

Accessibility notes

  • Ensure sufficient contrast when pairing #809ABF with #B9C9E2 for text, as they are close in value.
  • Text in #1C2B3F on #E0E8F2 offers excellent readability for body copy.
  • Avoid using #B9C9E2 or #E0E8F2 for critical text elements on very light backgrounds.
  • Always test color combinations with accessibility checkers for WCAG compliance, especially for interactive elements.

Recommended combinations

Meadow Light

Creates a light, open feeling with a clear mid-tone for elements and a strong dark for text or focal points.

#E0E8F2 · #809ABF · #1C2B3F

Dusky Layers

Ideal for a darker themed section, with #1C2B3F as base, #4A5D7F for content, and #B9C9E2 for soft highlights.

#1C2B3F · #4A5D7F · #B9C9E2

Soft Gradient

Excellent for gradients or layered elements, showcasing a smooth, gentle progression of light blues and silvers.

#809ABF · #B9C9E2 · #E0E8F2

CSS variables

:root {
  --moonlit-meadow-charm-1: #1C2B3F;
  --moonlit-meadow-charm-2: #4A5D7F;
  --moonlit-meadow-charm-3: #809ABF;
  --moonlit-meadow-charm-4: #B9C9E2;
  --moonlit-meadow-charm-5: #E0E8F2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "moonlit-meadow-charm": {
        1: "#1C2B3F",
        2: "#4A5D7F",
        3: "#809ABF",
        4: "#B9C9E2",
        5: "#E0E8F2",
      }
    }
  }
}

Related searches

serene blue gray palettemoonlit meadow colorssoft ethereal designcalm UI color schemeelegant cool tones palette

Palette colors

Hex values

Color 1#1C2B3F
·
Color 2#4A5D7F
·
Color 3#809ABF
·
Color 4#B9C9E2
·
Color 5#E0E8F2
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.2:1Fail
5:1AA
8.5:1AAA
11.6:1AAA
2
2.2:1Fail
2.3:1Fail
4:1AA18
5.4:1AA
3
5:1AA
2.3:1Fail
1.7:1Fail
2.3:1Fail
4
8.5:1AAA
4:1AA18
1.7:1Fail
1.4:1Fail
5
11.6:1AAA
5.4:1AA
2.3:1Fail
1.4:1Fail

Similar palettes

More like Moonlit Meadow Charm

View all cool
Moonlit Garden Path
Aurora Borealis Dream
Celestial Aurora Dream
Cobalt Night Sky
Desert Night Sky
Dewdrop Meadow