Back to palettes

Palette

Misty Willow Whispers

A tranquil blend reflecting the soft, muted tones of a misty morning by a calm lake.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Misty Willow Whispers 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 Misty Willow Whispers.

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

Data visualization

#6A5ACD#B0C4DE#C0C0C0#E6E6FA#778899

Palette guide

How to use Misty Willow Whispers

Overview

The Misty Willow Whispers palette captures the serene and ethereal beauty of a misty morning by a calm lake, offering a tranquil blend of cool, muted tones. Featuring the soft periwinkle of #6A5ACD, the gentle steel blue of #B0C4DE, a neutral #C0C0C0 grey, a delicate lavender blush #E6E6FA, and the understated #778899 slate grey, this palette is ideal for creating designs that exude calmness, sophistication, and a touch of dreaminess. It's perfectly suited for wellness brands, elegant lifestyle websites, or any project requiring a delicate and inviting visual presence. Designers will appreciate its subtle versatility.

Best used for

  • Wellness and spa branding
  • Elegant wedding invitations
  • Fashion and beauty websites
  • Calm and introspective digital art
  • Minimalist interior design concepts
  • Ethereal photography backdrops

Suggested color roles

primary

Utilize #6A5ACD as a sophisticated primary, ideal for headers, key graphics, or subtle brand accents.

secondary

The gentle #B0C4DE works well for secondary backgrounds or prominent content blocks, maintaining the serene mood.

accent

Introduce #C0C0C0 or #778899 for subtle depth in UI elements or as a grounding accent against lighter tones.

background

Employ #E6E6FA as a soft, airy background color, providing a clean canvas that enhances other palette colors.

text

For readability, use a dark grey or charcoal like #778899 for body text. On darker elements, #E6E6FA or a crisp white provides excellent contrast.

Accessibility notes

  • Ensure adequate contrast when using #C0C0C0 for text on #E6E6FA backgrounds; use larger fonts if needed.
  • Pair #6A5ACD with #E6E6FA for text to ensure WCAG AA compliance.
  • Avoid using #B0C4DE and #C0C0C0 for small text together due to low contrast.
  • For UI elements, #778899 provides good contrast against #E6E6FA and #B0C4DE.

Recommended combinations

Misty Horizon

Creates a light, airy base with a gentle, sophisticated pop of color for accents.

#E6E6FA · #B0C4DE · #6A5ACD

Subtle Depth

Excellent for backgrounds and text, offering clear readability and a modern, muted feel.

#778899 · #C0C0C0 · #E6E6FA

Ethereal Contrast

Combines the primary periwinkle with darker grey-blue for depth and a mid-tone for balance.

#6A5ACD · #778899 · #B0C4DE

CSS variables

:root {
  --misty-willow-whispers-1: #6A5ACD;
  --misty-willow-whispers-2: #B0C4DE;
  --misty-willow-whispers-3: #C0C0C0;
  --misty-willow-whispers-4: #E6E6FA;
  --misty-willow-whispers-5: #778899;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "misty-willow-whispers": {
        1: "#6A5ACD",
        2: "#B0C4DE",
        3: "#C0C0C0",
        4: "#E6E6FA",
        5: "#778899",
      }
    }
  }
}

Related searches

serene blue grey palettemisty cool color schemeethereal periwinkle colorscalm grey blue aestheticsoft muted color inspiration

Palette colors

Hex values

Color 1#6A5ACD
·
Color 2#B0C4DE
·
Color 3#C0C0C0
·
Color 4#E6E6FA
·
Color 5#778899
·

Accessibility

Contrast checker

1
2
3
4
5
1
3:1Fail
2.9:1Fail
4.3:1AA18
1.5:1Fail
2
3:1Fail
1:1Fail
1.4:1Fail
2:1Fail
3
2.9:1Fail
1:1Fail
1.5:1Fail
2:1Fail
4
4.3:1AA18
1.4:1Fail
1.5:1Fail
3:1Fail
5
1.5:1Fail
2:1Fail
2:1Fail
3:1Fail

Similar palettes

More like Misty Willow Whispers

View all cool
Misty Morning Lake
Morning Haze Dew
Winter Mist Veil
Aegean Sea Serene
Alpine Morning Mist
Aqua Dream Glow