Back to palettes

Palette

Celestial Cloud Dust

Soft, airy blues and muted grays, like stardust drifting through a cool sky.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B0C4DE#D6E3F2#ADD8E6#C0DDEE#AEC0DC

Palette guide

How to use Celestial Cloud Dust

Overview

The Celestial Cloud Dust palette features soft, airy blues and muted grays, like stardust drifting through a cool sky. It gracefully blends a calming steel blue #B0C4DE, a very light blue-gray #D6E3F2, and an ethereal light blue #ADD8E6. The subtly varied #C0DDEE and #AEC0DC complete this serene collection, offering a harmonious and understated appeal. This palette is exceptionally useful for designers and developers aiming for a calm, clean, and minimalist aesthetic. It's perfect for conveying openness, tranquility, and a touch of sophisticated simplicity in digital interfaces, corporate branding, and clean editorial designs.

Best used for

  • Minimalist website design
  • Corporate branding (tech, finance)
  • Cloud computing service interfaces
  • Serene interior design concepts
  • Clean data visualization
  • Mobile app interfaces requiring a calming, unobtrusive feel

Suggested color roles

primary

#B0C4DE - A solid, calming steel blue, ideal for foundational elements, headers, or strong accents that need to ground the lighter shades.

secondary

#AEC0DC - Use for subheadings, content panels, or subtle gradients, providing a slightly darker blue-gray.

accent

#ADD8E6 - A clear, light blue, perfect for subtle highlights, interactive elements, or backgrounds for specific content blocks.

background

#D6E3F2 - A very light, airy blue-gray, providing an open, clean, and expansive 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 #D6E3F2, but check contrast carefully for smaller text.
  • Avoid using #ADD8E6 or #C0DDEE for text on any of the lighter backgrounds as contrast will be insufficient.
  • For interactive elements, consider a subtle underline or bolding if the color contrast is naturally low.

Recommended combinations

Sky Shimmer

Steel blue for strong elements, light blue for accents, and very light blue-gray for background.

#B0C4DE · #ADD8E6 · #D6E3F2

Cloud Layers

Layered blue-grays for depth, with the darkest for grounding elements.

#AEC0DC · #C0DDEE · #B0C4DE

Ethereal Drift

Very light background with light blue accents and a steel blue for content.

#D6E3F2 · #ADD8E6 · #B0C4DE

CSS variables

:root {
  --celestial-cloud-dust-1: #B0C4DE;
  --celestial-cloud-dust-2: #D6E3F2;
  --celestial-cloud-dust-3: #ADD8E6;
  --celestial-cloud-dust-4: #C0DDEE;
  --celestial-cloud-dust-5: #AEC0DC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "celestial-cloud-dust": {
        1: "#B0C4DE",
        2: "#D6E3F2",
        3: "#ADD8E6",
        4: "#C0DDEE",
        5: "#AEC0DC",
      }
    }
  }
}

Related searches

minimalist blue gray paletteserene cloud colorsairy cool tonessubtle celestial designclean blue white scheme

Palette colors

Hex values

Color 1#B0C4DE
·
Color 2#D6E3F2
·
Color 3#ADD8E6
·
Color 4#C0DDEE
·
Color 5#AEC0DC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.2:1Fail
1.3:1Fail
1:1Fail
2
1.4:1Fail
1.2:1Fail
1.1:1Fail
1.4:1Fail
3
1.2:1Fail
1.2:1Fail
1.1:1Fail
1.2:1Fail
4
1.3:1Fail
1.1:1Fail
1.1:1Fail
1.3:1Fail
5
1:1Fail
1.4:1Fail
1.2:1Fail
1.3:1Fail

Similar palettes

More like Celestial Cloud Dust

View all cool
Celestial Azure Drift
Celestial Glow
Dreamy Sky Canvas
Ethereal Sky Veil
Arctic Sky Aurora
Arctic Sky Whisper