Back to palettes

Palette

Ethereal Bloom Cloud

Whispers of pastel, light as air, like delicate flowers blossoming in a surreal, cloudy sky.

pastelelegant5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ethereal Bloom 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 Ethereal Bloom Cloud.

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

Data visualization

#DDA0DD#E6E6FA#ADD8E6#FFF0F5#F5FFFA

Palette guide

How to use Ethereal Bloom Cloud

Overview

The Ethereal Bloom Cloud palette is a delicate and dreamy collection of soft pastels, evoking the gentle beauty of flowers blossoming under a serene, cloudy sky. Featuring the enchanting #DDA0DD (light lavender), the soothing #E6E6FA (lavender blush), and the calming #ADD8E6 (light blue), this palette is perfect for creating light, airy, and romantic designs. Designers will find these hues ideal for conveying softness, elegance, and a whimsical charm. Developers can leverage this palette for fashion, beauty, wedding, or any project aiming for a gentle, feminine, and uplifting visual identity. The near-white tones, #FFF0F5 and #F5FFFA, provide ample negative space and a clean foundation.

Best used for

  • Wedding and event planning websites
  • Baby product or children's apparel branding
  • Feminine beauty and cosmetic brands
  • Delicate art and illustration portfolios
  • Soft lifestyle blogs and social media
  • Spa and relaxation service promotions

Suggested color roles

primary

#E6E6FA or #F5FFFA serve as excellent primary background colors, providing a clean, airy, and soft base.

secondary

#FFF0F5 is ideal for content panels or secondary backgrounds, maintaining the light and delicate feel.

accent

#DDA0DD (light lavender) or #ADD8E6 (light blue) make for charming accents, perfect for subtle highlights, icons, or interactive elements.

background

#F5FFFA offers the lightest, most ethereal background, ensuring maximum brightness and spaciousness.

text

For any of these light backgrounds, use a dark grey (e.g., #333333) or black for main text to ensure readability.

Accessibility notes

  • Due to the light nature of this palette, ensure text colors (e.g., dark grey or black) provide sufficient contrast against all background colors.
  • Avoid using #DDA0DD on #ADD8E6 for text, as the contrast will be extremely low and unreadable.
  • Prioritize using very dark text on these pastel backgrounds for body copy to meet WCAG guidelines.
  • Interactive elements should have a clear visual state change, as color contrast alone might not be sufficient.

Recommended combinations

Sky Bloom

Excellent for a soft header; #E6E6FA as background, #DDA0DD for a delicate title, and #F5FFFA for subtitle or accent elements.

#E6E6FA · #DDA0DD · #F5FFFA

Gentle Serenity

Ideal for content cards: #ADD8E6 as card background, #FFF0F5 for main text, and #E6E6FA for borders or subtle details.

#ADD8E6 · #FFF0F5 · #E6E6FA

Pastel Whisper

Great for subtle gradients or layered elements, moving from the lightest shade to soft pastels for a dreamy effect.

#F5FFFA · #DDA0DD · #ADD8E6

CSS variables

:root {
  --ethereal-bloom-cloud-1: #DDA0DD;
  --ethereal-bloom-cloud-2: #E6E6FA;
  --ethereal-bloom-cloud-3: #ADD8E6;
  --ethereal-bloom-cloud-4: #FFF0F5;
  --ethereal-bloom-cloud-5: #F5FFFA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ethereal-bloom-cloud": {
        1: "#DDA0DD",
        2: "#E6E6FA",
        3: "#ADD8E6",
        4: "#FFF0F5",
        5: "#F5FFFA",
      }
    }
  }
}

Related searches

pastel aesthetic color palettesoft dreamy colors hexlight romantic color schemeethereal delicate palettecloud bloom design colors

Palette colors

Hex values

Color 1#DDA0DD
·
Color 2#E6E6FA
·
Color 3#ADD8E6
·
Color 4#FFF0F5
·
Color 5#F5FFFA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
1.4:1Fail
1.9:1Fail
2:1Fail
2
1.7:1Fail
1.2:1Fail
1.1:1Fail
1.2:1Fail
3
1.4:1Fail
1.2:1Fail
1.4:1Fail
1.5:1Fail
4
1.9:1Fail
1.1:1Fail
1.4:1Fail
1.1:1Fail
5
2:1Fail
1.2:1Fail
1.5:1Fail
1.1:1Fail

Similar palettes

More like Ethereal Bloom Cloud

View all pastel
Cherry Grove Blush
Dreamweaver's Veil
Frosted Petal Charm
Peony Blush Bloom
Starry Opal Iridescence
Aetherial Bloom