Back to palettes

Palette

Whimsical Cotton Cloud

Soft, airy pastels create a whimsical and gentle atmosphere, like floating amongst cotton clouds.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FCEBEA#E0BBE4#957DAD#D291BC#FFC7EA

Palette guide

How to use Whimsical Cotton Cloud

Overview

The "Whimsical Cotton Cloud" palette is a serene and ethereal collection, designed to evoke the feeling of floating among soft, dreamy clouds. It features a delicate FCEBEA (nearly white pink), a gentle E0BBE4 (light lavender), a grounding 957DAD (muted purple), a warm D291BC (dusty rose), and a vibrant FFC7EA (light pink). This harmonious blend is ideal for designers seeking to create soft, inviting, and imaginative visual experiences. Developers can leverage these pastel hues for elegant backgrounds and subtle UI elements, perfect for applications or websites requiring a calm yet whimsical aesthetic. The palette's cohesive nature ensures a sophisticated and gentle presentation.

Best used for

  • Feminine fashion and beauty branding
  • Wedding photography portfolios
  • Children's apparel e-commerce sites
  • Spa and relaxation service branding
  • Digital art and illustration backgrounds
  • Personal blogs focused on soft aesthetics

Suggested color roles

primary

#FCEBEA (Pale Pink) - An ideal, soft background or canvas color, providing a light and airy foundation for any design.

secondary

#E0BBE4 (Light Lavender) - Excellent for secondary sections, navigation elements, or subtle patterns, offering gentle visual interest.

accent

#FFC7EA (Light Pink) - Use for calls-to-action, highlighted information, or playful decorative elements to add a delicate pop.

background

#D291BC (Dusty Rose) - A warm, inviting background option that adds depth without overwhelming, suitable for cards or sections.

text

#957DAD (Muted Purple) - The strongest color for body text on lighter backgrounds like #FCEBEA or #E0BBE4, or a dark charcoal for improved legibility.

Accessibility notes

  • Ensure #957DAD text has sufficient contrast against #FCEBEA, #E0BBE4, and #D291BC for readability, checking WCAG AA standards.
  • Avoid using #FFC7EA for body text on light backgrounds; it's best suited for larger display text or decorative elements.
  • For critical text, consider using a darker neutral color (e.g., #333333) to ensure maximum accessibility.
  • Lighter colors in the palette may not provide enough contrast for text among themselves; use a contrast checker diligently.

Recommended combinations

Dreamy Base

Primary backgrounds, section dividers, and legible text for a calm and sophisticated layout.

#FCEBEA · #E0BBE4 · #957DAD

Soft Accents

Highlighting interactive elements, decorative illustrations, or subtle branding details.

#D291BC · #FFC7EA · #E0BBE4

Ethereal Branding

Creating soft, inviting brand identities, social media graphics, and gentle marketing materials.

#FCEBEA · #D291BC · #FFC7EA

CSS variables

:root {
  --whimsical-cotton-cloud-1: #FCEBEA;
  --whimsical-cotton-cloud-2: #E0BBE4;
  --whimsical-cotton-cloud-3: #957DAD;
  --whimsical-cotton-cloud-4: #D291BC;
  --whimsical-cotton-cloud-5: #FFC7EA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whimsical-cotton-cloud": {
        1: "#FCEBEA",
        2: "#E0BBE4",
        3: "#957DAD",
        4: "#D291BC",
        5: "#FFC7EA",
      }
    }
  }
}

Related searches

pastel pink purple palettedreamy soft color schemewhimsical light aestheticcotton cloud ui colorsgentle romantic brand colors

Palette colors

Hex values

Color 1#FCEBEA
·
Color 2#E0BBE4
·
Color 3#957DAD
·
Color 4#D291BC
·
Color 5#FFC7EA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
3.1:1AA18
2.1:1Fail
1.2:1Fail
2
1.5:1Fail
2.1:1Fail
1.5:1Fail
1.2:1Fail
3
3.1:1AA18
2.1:1Fail
1.5:1Fail
2.5:1Fail
4
2.1:1Fail
1.5:1Fail
1.5:1Fail
1.7:1Fail
5
1.2:1Fail
1.2:1Fail
2.5:1Fail
1.7:1Fail

Similar palettes

More like Whimsical Cotton Cloud

View all pastel
Lavender Dreamscape
Pastel Galaxy Dream
Amethyst Haze Dream
Aura Amethyst Dream
Celestial Blush
Celestial Dawn Chorus