Back to palettes

Palette

Whimsical Cloud Dream

A gentle and dreamy array of soft, diffused hues like a fantastical sky at dawn.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Whimsical Cloud Dream 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 Whimsical Cloud Dream.

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

Data visualization

#e0bbe4#957dad#d291bc#ffc7a2#c9eddd

Palette guide

How to use Whimsical Cloud Dream

Overview

The "Whimsical Cloud Dream" palette is a serene collection of soft, diffused hues, evoking a fantastical sky at dawn. Featuring a gentle lavender (#e0bbe4), muted purple (#957dad), dusty rose (#d291bc), soft peach (#ffc7a2), and pale mint (#c9eddd), this array is perfect for projects requiring an ethereal and playful touch. Designers will find its harmonious blend ideal for creating welcoming, dream-like interfaces or captivating visual narratives. Developers can leverage its light tones for expansive backgrounds and subtle UI components, ensuring a consistent, soft aesthetic across digital platforms. This palette fosters a sense of calm wonder, making it highly versatile for delicate branding and imaginative illustrations.

Best used for

  • Children's book illustrations
  • Feminine brand identity and packaging
  • Wedding invitations and decor
  • Relaxation and meditation app interfaces
  • E-commerce websites for baby products
  • Lifestyle and fashion blog designs

Suggested color roles

primary

#e0bbe4 (Light Lavender) - Ideal for large background areas, header sections, or expansive UI elements that require a soft, airy feel.

secondary

#d291bc (Dusty Rose) - Excellent for subheadings, secondary buttons, or accent panels, offering a gentle contrast to the primary.

accent

#ffc7a2 (Soft Peach) - Perfect for calls-to-action, highlighted information, or small illustrative details to draw attention subtly.

background

#c9eddd (Pale Mint) - A calming and fresh base for web pages or print, providing a clean canvas that enhances other palette colors.

text

#957dad (Muted Purple) - Suitable for body text on very light backgrounds like #e0bbe4 or #c9eddd for readability, or a dark charcoal for stronger contrast.

Accessibility notes

  • Ensure sufficient contrast when using lighter colors like #e0bbe4 and #c9eddd for text; consider a darker text color.
  • Pair #957dad with very light backgrounds for optimal readability of body copy, checking WCAG AA standards.
  • Use a contrast checker for text on #ffc7a2, as its lightness may require a very dark text color.
  • For critical information, consider using a high-contrast text color (e.g., black or dark gray) against the lighter backgrounds.

Recommended combinations

Dreamy UI

Soft user interface elements, navigation bars, and subtle button states for a gentle user experience.

#E0BBE4 · #D291BC · #957DAD

Ethereal Accent

Highlighting key information, decorative elements, or playful illustrations with a touch of warmth.

#C9EDDD · #FFC7A2 · #957DAD

Gentle Branding

Brand logos, social media graphics, and introductory website sections for a soft, inviting presence.

#E0BBE4 · #D291BC · #FFC7A2

CSS variables

:root {
  --whimsical-cloud-dream-1: #e0bbe4;
  --whimsical-cloud-dream-2: #957dad;
  --whimsical-cloud-dream-3: #d291bc;
  --whimsical-cloud-dream-4: #ffc7a2;
  --whimsical-cloud-dream-5: #c9eddd;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whimsical-cloud-dream": {
        1: "#e0bbe4",
        2: "#957dad",
        3: "#d291bc",
        4: "#ffc7a2",
        5: "#c9eddd",
      }
    }
  }
}

Related searches

pastel purple pink palettedreamy soft color schemewhimsical ui colorsethereal brand palettelight romantic color combination

Palette colors

Hex values

Color 1#e0bbe4
·
Color 2#957dad
·
Color 3#d291bc
·
Color 4#ffc7a2
·
Color 5#c9eddd
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
1.5:1Fail
1.1:1Fail
1.3:1Fail
2
2.1:1Fail
1.5:1Fail
2.4:1Fail
2.9:1Fail
3
1.5:1Fail
1.5:1Fail
1.6:1Fail
2:1Fail
4
1.1:1Fail
2.4:1Fail
1.6:1Fail
1.2:1Fail
5
1.3:1Fail
2.9:1Fail
2:1Fail
1.2:1Fail

Similar palettes

More like Whimsical Cloud Dream

View all pastel
Whimsical Fairy Dust
Cloud Cotton Fluff
Cloud Fluff Whimsy
Fairy Tale Cottage
Macaron Whisper Soft
Pastel Cloud Confection