Back to palettes

Palette

Ethereal Celestial Cloud

A soft, ethereal blend of pastel blues and purples, like a serene celestial cloud.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F0FFFF#E0FFFF#ADD8E6#E6E6FA#D8BFD8

Palette guide

How to use Ethereal Celestial Cloud

Overview

The Ethereal Celestial Cloud palette offers a serene and dreamlike collection of pastel blues and purples, perfect for evoking calm and lightness. Featuring shades like the airy #F0FFFF and #E0FFFF, a tranquil Light Blue #ADD8E6, and soft purples such as #E6E6FA and #D8BFD8, this palette is ideal for designs requiring a gentle, sophisticated touch. Developers and designers can leverage these harmonious tones to create interfaces that feel open, peaceful, and inviting. Its delicate nature makes it suitable for projects aiming for a sense of purity, luxury, or quiet contemplation, providing a cohesive and soothing visual experience across various applications.

Best used for

  • Luxury spa and wellness branding
  • Baby product packaging and websites
  • Bridal and wedding invitations
  • Spiritual or meditation app interfaces
  • Cloud computing service branding
  • Delicate fashion or jewelry websites

Suggested color roles

primary

#ADD8E6 (Light Blue) - Use this as a foundational color for large sections, banners, or primary branding elements to establish a gentle, stable presence.

secondary

#E6E6FA (Lavender Blush) - Excellent for secondary elements, background patterns, or interactive states, offering a soft complementary warmth to the blues.

accent

#D8BFD8 (Thistle) - Employ this slightly deeper purple for calls to action, important icons, or subtle decorative elements to add a touch of sophisticated charm without overwhelming the lightness.

background

#F0FFFF (Azure) - Ideal for clean, expansive backgrounds, providing a sense of openness and purity that enhances readability and allows other elements to breathe.

text

Use a dark gray or charcoal, such as #333333 or #444444, for main body text to ensure optimal readability against the light palette colors.

Accessibility notes

  • Ensure sufficient contrast for text overlays, especially when using light text on any of the palette's background colors.
  • Avoid placing #F0FFFF text on #E0FFFF backgrounds, as the contrast will be insufficient for most users.
  • When using #D8BFD8 as an accent, verify its contrast ratio against surrounding background colors for key interactive elements.
  • For critical information, consider pairing a very dark text color (e.g., black or dark gray) with the lighter background colors like #F0FFFF or #E6E6FA.

Recommended combinations

Serene Sky

Perfect for creating layered backgrounds or subtle gradients that evoke open skies and tranquility in UI design.

#F0FFFF · #E0FFFF · #ADD8E6

Dreamy Twilight

Ideal for branding that requires a touch of mystical elegance, such as spiritual wellness or high-end beauty products.

#E6E6FA · #D8BFD8 · #ADD8E6

Gentle Whisper

Use for delicate illustrations, soft animations, or background textures where a very light, almost translucent feel is desired.

#F0FFFF · #E6E6FA · #D8BFD8

CSS variables

:root {
  --ethereal-celestial-cloud-1: #F0FFFF;
  --ethereal-celestial-cloud-2: #E0FFFF;
  --ethereal-celestial-cloud-3: #ADD8E6;
  --ethereal-celestial-cloud-4: #E6E6FA;
  --ethereal-celestial-cloud-5: #D8BFD8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ethereal-celestial-cloud": {
        1: "#F0FFFF",
        2: "#E0FFFF",
        3: "#ADD8E6",
        4: "#E6E6FA",
        5: "#D8BFD8",
      }
    }
  }
}

Related searches

pastel blue purple color schemedreamy soft color paletteserene aesthetic colorslight purple blue shadescalm ui color combinations

Palette colors

Hex values

Color 1#F0FFFF
·
Color 2#E0FFFF
·
Color 3#ADD8E6
·
Color 4#E6E6FA
·
Color 5#D8BFD8
·

Accessibility

Contrast checker

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

Similar palettes

More like Ethereal Celestial Cloud

View all pastel
Cloud Berry Skies
Ethereal Cloud Veil
Soft Cloud Touch
Whispering Cloud Veil
Azure Dream Canvas
Cloud Blossom Breeze