Palette

Whispering Meadow Mist

Soft purples and muted greens create a gentle, misty atmosphere, like a serene meadow veiled in morning fog.

pastelcalm5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Whispering Meadow Mist 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 Whispering Meadow Mist.

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

Data visualization

#F5F5DC#DDA0DD#D8BFD8#CFCFC4#A9A9A9

Palette guide

How to use Whispering Meadow Mist

Overview

The Whispering Meadow Mist palette offers an ethereal blend of soft purples and muted neutrals, reminiscent of a serene meadow veiled in morning fog. It features a creamy off-white #F5F5DC, a gentle lilac #DDA0DD, a soft mauve #D8BFD8, a light grey-green #CFCFC4, and a subtle mid-grey #A9A9A9. This collection is ideal for designers and developers seeking to create tranquil, artistic, or subtly romantic digital and print experiences. Its unique combination of cool purples and grounding neutrals allows for versatile application, from dreamy backgrounds to sophisticated accents, ensuring a cohesive and atmospheric visual narrative perfect for evoking calm and mystery.

Best used for

Artistic and creative portfolios
Spiritual and mindfulness app interfaces
Tranquil interior design concepts
Gentle fashion or beauty campaigns
Ethereal event branding and invitations
Abstract digital art and illustration

Suggested color roles

primary

Use #DDA0DD as a leading, inviting lilac for main content areas or brand elements, conveying softness and serenity.

secondary

Employ #D8BFD8 for supporting content blocks, secondary navigation, or as a lighter background for subtle contrast.

accent

Apply #A9A9A9 for subtle calls to action, important text, or as a grounding element, offering clear emphasis without starkness.

background

Utilize #F5F5DC as a very light, creamy background, allowing the purples and greys to stand out and maintaining an airy, fresh feel.

text

For clear readability on lighter backgrounds, use #A9A9A9 for body text or a standard dark charcoal/black.

Accessibility notes

Ensure sufficient contrast for text on very light backgrounds like #F5F5DC; use #A9A9A9 or a dark charcoal.
Lighter purples such as #D8BFD8 may not provide enough contrast for small text when paired with other light colors.
For interactive elements, ensure they have sufficient contrast against their background, ideally using #A9A9A9.
Consider larger font sizes or bolding for text using #DDA0DD on mid-tone backgrounds to improve legibility.

Recommended combinations

Misty Bloom

Ideal for soft, ethereal backgrounds, gentle hero sections, or tranquil UI elements in wellness applications.

#F5F5DC · #DDA0DD · #D8BFD8

Morning Fog

Perfect for layered content blocks, card designs, or visual elements requiring a subtle blend of cool tones.

#CFCFC4 · #A9A9A9 · #DDA0DD

Ethereal Contrast

Use for clean layouts with readable text and supportive accent elements, conveying serenity and delicate sophistication.

#F5F5DC · #A9A9A9 · #D8BFD8

CSS variables

:root {
  --whispering-meadow-mist-2-1: #F5F5DC;
  --whispering-meadow-mist-2-2: #DDA0DD;
  --whispering-meadow-mist-2-3: #D8BFD8;
  --whispering-meadow-mist-2-4: #CFCFC4;
  --whispering-meadow-mist-2-5: #A9A9A9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-meadow-mist-2": {
        1: "#F5F5DC",
        2: "#DDA0DD",
        3: "#D8BFD8",
        4: "#CFCFC4",
        5: "#A9A9A9",
      }
    }
  }
}

Hex values

Color 1#F5F5DC

Color 2#DDA0DD

Color 3#D8BFD8

Color 4#CFCFC4

Color 5#A9A9A9

Accessibility

Contrast checker

1.9:1Fail

1.5:1Fail

1.4:1Fail

2.1:1Fail

1.9:1Fail

1.2:1Fail

1.3:1Fail

1.1:1Fail

1.5:1Fail

1.2:1Fail

1.1:1Fail

1.4:1Fail

1.3:1Fail

1.1:1Fail

1.5:1Fail

2.1:1Fail

1.1:1Fail

1.4:1Fail

1.5:1Fail

Similar palettes

More like Whispering Meadow Mist

Whispering Meadow Mist

See it in context.

Ready when you are.

Built with Whispering Meadow Mist.

How to use Whispering Meadow Mist

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Misty Bloom

Morning Fog

Ethereal Contrast

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Whispering Meadow Mist