Back to palettes

Palette

Celestial Dream Dust

An ethereal blend of soft purples and blues, reminiscent of distant nebulae and stardust dreams.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Celestial Dream Dust 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 Dream Dust.

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

Data visualization

#C7CEEA#E0D7ED#A4B1D9#B2B8DD#E9E2F2

Palette guide

How to use Celestial Dream Dust

Overview

The Celestial Dream Dust palette presents an ethereal blend of soft purples and blues, reminiscent of distant nebulae and stardust dreams. Featuring tranquil hues like #C7CEEA, #E0D7ED, and the slightly deeper #A4B1D9, this collection fosters a calm and gentle atmosphere. The addition of #B2B8DD and #E9E2F2 completes a serene spectrum that is both sophisticated and inviting. Ideal for designers and developers aiming to create light, airy, and dreamy interfaces or branding, this palette offers a harmonious foundation for projects that require a touch of soft elegance and otherworldly charm.

Best used for

  • Wellness and spa branding
  • Wedding invitations and stationery
  • Baby product websites or packaging
  • Ethereal photography portfolios
  • Soft UI for lifestyle apps
  • Gentle children's book illustrations

Suggested color roles

primary

#C7CEEA serves as an excellent soft base for main content areas, providing a calm and inviting feel.

secondary

Use #A4B1D9 or #B2B8DD for secondary elements, navigation, or subtle graphic accents to add gentle structure.

accent

#E0D7ED or #E9E2F2 can be used for very subtle highlights or interactive states where a slight variation is desired.

background

#E9E2F2 offers a very light, almost white canvas, perfect for maximizing readability and an airy feel.

text

A deep charcoal or black is recommended for optimal readability on these light pastel backgrounds.

Accessibility notes

  • Most colors are very light, so ensure text contrast is met by using dark text like black or charcoal.
  • Avoid using light text colors on any of these pastels, as contrast will be insufficient.
  • #A4B1D9 and #B2B8DD offer slightly better contrast for larger headings or graphic elements.
  • Consider larger font sizes for any text rendered in the lighter palette colors.

Recommended combinations

Soft Serenity

Perfect for clean, readable layouts with subtle depth.

#E9E2F2 · #A4B1D9 · #B2B8DD

Dreamy Highlights

Use for layering elements, where #B2B8DD can provide a gentle border or shadow.

#C7CEEA · #E0D7ED · #B2B8DD

Pastel Harmony

Ideal for creating soft gradients or distinct sections in a subtle, harmonious way.

#A4B1D9 · #E0D7ED · #C7CEEA

CSS variables

:root {
  --celestial-dream-dust-1: #C7CEEA;
  --celestial-dream-dust-2: #E0D7ED;
  --celestial-dream-dust-3: #A4B1D9;
  --celestial-dream-dust-4: #B2B8DD;
  --celestial-dream-dust-5: #E9E2F2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "celestial-dream-dust": {
        1: "#C7CEEA",
        2: "#E0D7ED",
        3: "#A4B1D9",
        4: "#B2B8DD",
        5: "#E9E2F2",
      }
    }
  }
}

Related searches

pastel purple web designethereal branding colorssoft lavender UI palettedreamy website color schemelight blue and purple palette

Palette colors

Hex values

Color 1#C7CEEA
·
Color 2#E0D7ED
·
Color 3#A4B1D9
·
Color 4#B2B8DD
·
Color 5#E9E2F2
·

Accessibility

Contrast checker

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

Similar palettes

More like Celestial Dream Dust

View all pastel
Cosmic Dust Shimmer
Ethereal Whispering Veil
Lavender Haze Dream
Aura Amethyst Dream
Cloud Shimmer Dawn
Cloud Whisper Bloom