Back to palettes

Palette

Whispering Wind Chime

Delicate, ethereal tones that float together like the gentle melody of wind chimes on a calm breeze.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Whispering Wind Chime 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 Wind Chime.

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

Data visualization

#B0C4DE#ADD8E6#D8BFD8#F0E68C#F5F5DC

Palette guide

How to use Whispering Wind Chime

Overview

The "Whispering Wind Chime" palette (original) is a whimsical and delicate blend of soft pastels, evoking a gentle, ethereal melody. This unique collection features the calming steel blue #B0C4DE, the light sky blue #ADD8E6, a surprising soft lavender #D8BFD8, and a cheerful pale yellow #F0E68C, all grounded by the creamy off-white #F5F5DC. It's an excellent choice for designers seeking to create a playful yet serene aesthetic, perfect for projects that require a touch of soft vibrancy and a dreamy, imaginative feel. This palette offers a distinct blend of cool and warm pastels for versatile and engaging designs.

Best used for

  • Creative children's brands
  • Whimsical event invitations
  • Artistic portfolio websites
  • Lifestyle and craft blogs
  • Soft illustration work
  • Unique wedding themes

Suggested color roles

primary

#B0C4DE can establish a soft, cool anchor for larger sections or main graphics.

secondary

#D8BFD8 offers a gentle pop of lavender, ideal for secondary titles, decorative elements, or interactive components.

accent

#F0E68C provides a cheerful, warm highlight, perfect for calls-to-action, icons, or playful details.

background

#F5F5DC serves as a warm, creamy base, allowing the other pastels to softly emerge.

text

A medium-dark grey or charcoal is recommended for body text on #F5F5DC. For contrast on #B0C4DE, #F5F5DC works well.

Accessibility notes

  • Exercise extreme caution with text contrast when pairing any of the pastel colors with #F5F5DC, especially #F0E68C.
  • For critical information, use a darker text color (e.g., black) on the lightest backgrounds.
  • Ensure interactive elements have clear visual cues beyond color, such as underlines or bolding, to aid navigation.
  • Avoid using #F0E68C text on #F5F5DC for any important content due to very low contrast.

Recommended combinations

Pastel Harmony

Creates a soft, dreamy atmosphere, ideal for gentle branding or artistic projects.

#B0C4DE · #D8BFD8 · #F5F5DC

Whimsical Breeze

A playful and light combination, perfect for adding a touch of cheerfulness to designs.

#ADD8E6 · #F0E68C · #F5F5DC

Serene Melody

Blends cool blues and a soft lavender for a harmonious and calming visual flow.

#B0C4DE · #ADD8E6 · #D8BFD8

CSS variables

:root {
  --whispering-wind-chime-1: #B0C4DE;
  --whispering-wind-chime-2: #ADD8E6;
  --whispering-wind-chime-3: #D8BFD8;
  --whispering-wind-chime-4: #F0E68C;
  --whispering-wind-chime-5: #F5F5DC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-wind-chime": {
        1: "#B0C4DE",
        2: "#ADD8E6",
        3: "#D8BFD8",
        4: "#F0E68C",
        5: "#F5F5DC",
      }
    }
  }
}

Related searches

pastel whimsical palettesoft dreamy colorslight playful color schemeethereal pastel brandinggentle creative palette

Palette colors

Hex values

Color 1#B0C4DE
·
Color 2#ADD8E6
·
Color 3#D8BFD8
·
Color 4#F0E68C
·
Color 5#F5F5DC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1:1Fail
1.4:1Fail
1.6:1Fail
2
1.2:1Fail
1.1:1Fail
1.2:1Fail
1.4:1Fail
3
1:1Fail
1.1:1Fail
1.3:1Fail
1.5:1Fail
4
1.4:1Fail
1.2:1Fail
1.3:1Fail
1.2:1Fail
5
1.6:1Fail
1.4:1Fail
1.5:1Fail
1.2:1Fail

Similar palettes

More like Whispering Wind Chime

View all pastel
Cloud Mist Whisper
Cloud Whisper Bloom
Cloud Whispers
Ethereal Dreamscape
Misty Morning Dew
Pastel Beach House