Palette

Celestial Cloud Shimmer

A ethereal blend of soft lavenders, blues, and whispers of white, like a dreamy, distant cloudscape.

pastelcalm5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E6E6FA#D8BFD8#B0C4DE#ADD8E6#E0FFFF

Palette guide

How to use Celestial Cloud Shimmer

Overview

The Celestial Cloud Shimmer palette is an ethereal blend of soft lavenders, blues, and whispers of white, like a dreamy, distant cloudscape. It features the very light #E6E6FA and #E0FFFF, a delicate lavender #D8BFD8, and calming blues like #B0C4DE and #ADD8E6. This pastel collection is perfect for designers and developers aiming to create serene, elegant, and peaceful experiences. It's ideal for projects that require a sense of lightness, tranquility, and gentle sophistication, from wellness applications to romantic branding and ethereal digital art.

Best used for

Wellness and relaxation apps
Bridal or wedding-related branding
Soft and dreamy digital art
Minimalist interior design inspiration
Baby product packaging
Ethereal fashion or beauty concepts

Suggested color roles

primary

#B0C4DE - A calming steel blue, ideal for subtle headers, structural elements, or to provide a gentle anchor.

secondary

#D8BFD8 - Use for subheadings, content blocks, or soft gradients, offering a delicate lavender tone.

accent

#ADD8E6 - A clear, light blue, perfect for subtle highlights, interactive elements, or soft decorative details.

background

#E6E6FA - A very light, airy lavender-white, providing an open, clean, and ethereal canvas for content.

text

A dark charcoal or navy (e.g., #333333 or #1C2C54) - The palette lacks a sufficiently dark color for primary text, so a neutral dark is recommended for readability on light backgrounds.

Accessibility notes

This palette is predominantly light; ensure adequate contrast for text. Use a dark neutral color (e.g., #333333 or black) for body text on all palette colors.
#B0C4DE might work for large headings on #E6E6FA, but check contrast carefully for smaller text.
Avoid using #D8BFD8, #ADD8E6, or #E0FFFF for text on any of the lighter backgrounds as contrast will be insufficient.
For interactive elements, consider a subtle border or shadow to indicate interactivity.

Recommended combinations

Ethereal Layers

Steel blue for structure, lavender for soft content, and very light lavender-white for background.

#B0C4DE · #D8BFD8 · #E6E6FA

Cloud Dream

Light blue for main elements, ethereal white for soft sections, and steel blue for gentle emphasis.

#ADD8E6 · #E0FFFF · #B0C4DE

Shimmering Sky

Very light background with soft lavender and light blue accents for a delicate, serene feel.

#E6E6FA · #D8BFD8 · #ADD8E6

CSS variables

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

Tailwind config

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

Hex values

Color 1#E6E6FA

Color 2#D8BFD8

Color 3#B0C4DE

Color 4#ADD8E6

Color 5#E0FFFF

Accessibility

Contrast checker

1.4:1Fail

1.2:1Fail

1.4:1Fail

1:1Fail

1.1:1Fail

1.6:1Fail

1.4:1Fail

1:1Fail

1.2:1Fail

1.7:1Fail

1.2:1Fail

1.1:1Fail

1.2:1Fail

1.4:1Fail

1.2:1Fail

1.6:1Fail

1.7:1Fail

1.4:1Fail

Similar palettes

More like Celestial Cloud Shimmer

Celestial Cloud Shimmer

See it in context.

Ready when you are.

Built with Celestial Cloud Shimmer.

How to use Celestial Cloud Shimmer

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Ethereal Layers

Cloud Dream

Shimmering Sky

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Celestial Cloud Shimmer