Back to palettes

Palette

Celestial Dust Veil

Ethereal cosmic particles shimmering in the vastness of space, a tranquil and mysterious vision.

Darkcalm5 colors
More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8E7CC3#6A83AE#4C3B5C#E2BBE4#3B3D54

Palette guide

How to use Celestial Dust Veil

Overview

The Celestial Dust Veil palette unveils ethereal cosmic particles shimmering in the vastness of space, creating a tranquil and mysterious vision. Featuring the deep #3B3D54 and #4C3B5C, it blends with the cool #6A83AE and the soft #8E7CC3, culminating in the luminous #E2BBE4. This collection is perfect for designers and developers seeking to craft calm, subtle, and atmospheric digital experiences, branding, or interfaces. Its nuanced blend of muted purples, blues, and grays provides versatility for creating sophisticated visuals that evoke quiet contemplation and cosmic beauty.

Best used for

  • Meditation and mindfulness apps
  • High-end artistic websites
  • Luxury home decor branding
  • Subtle sci-fi game aesthetics
  • Elegant event invitations
  • Content platforms focusing on tranquility

Suggested color roles

primary

#3B3D54 serves as a deep, anchoring color for backgrounds, headers, or foundational UI elements, setting a mysterious yet calm tone.

secondary

#4C3B5C or #6A83AE are excellent for secondary content areas, card backgrounds, or navigation, adding depth and visual interest.

accent

#E2BBE4 provides a soft, ethereal highlight, perfect for interactive elements, calls to action, or subtle glowing effects.

background

For dark themes, #3B3D54 offers a rich canvas. For lighter content, #E2BBE4 provides an airy base.

text

For dark backgrounds, #E2BBE4 or #8E7CC3 ensures excellent readability. For light backgrounds, a dark charcoal or #3B3D54 is ideal.

Accessibility notes

  • #E2BBE4 provides strong contrast for text on #3B3D54, #4C3B5C, and #6A83AE, meeting WCAG AA standards.
  • Be cautious when using #8E7CC3 for small text on #E2BBE4; ensure sufficient contrast.
  • Ensure interactive elements using lighter shades on darker backgrounds have clear focus states.
  • This palette offers good options for high contrast text pairings, especially with the lightest and darkest shades.

Recommended combinations

Subtle Cosmos

Ideal for a sophisticated dark mode interface with clear hierarchy and a soft accent.

#3B3D54 · #E2BBE4 · #6A83AE

Tranquil Blend

Perfect for background fills or hero sections, creating a smooth, serene transition.

#4C3B5C · #6A83AE · #8E7CC3

Luminous Veil

Use #E2BBE4 as a light background for specific content blocks, with dark text and a deeper accent.

#E2BBE4 · #3B3D54 · #4C3B5C

CSS variables

:root {
  --celestial-dust-veil-1: #8E7CC3;
  --celestial-dust-veil-2: #6A83AE;
  --celestial-dust-veil-3: #4C3B5C;
  --celestial-dust-veil-4: #E2BBE4;
  --celestial-dust-veil-5: #3B3D54;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "celestial-dust-veil": {
        1: "#8E7CC3",
        2: "#6A83AE",
        3: "#4C3B5C",
        4: "#E2BBE4",
        5: "#3B3D54",
      }
    }
  }
}

Related searches

dark subtle space palettecosmic mystic UI colorstranquil web designmuted purple blue brandingethereal grey theme

Palette colors

Hex values

Color 1#8E7CC3
·
Color 2#6A83AE
·
Color 3#4C3B5C
·
Color 4#E2BBE4
·
Color 5#3B3D54
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
2.8:1Fail
2.1:1Fail
2.9:1Fail
2
1.1:1Fail
2.6:1Fail
2.3:1Fail
2.8:1Fail
3
2.8:1Fail
2.6:1Fail
6:1AA
1.1:1Fail
4
2.1:1Fail
2.3:1Fail
6:1AA
6.3:1AA
5
2.9:1Fail
2.8:1Fail
1.1:1Fail
6.3:1AA

Similar palettes

More like Celestial Dust Veil

View all Dark
Enchanted Woodland Mist
Deep Sea Lullaby
Nebula Starfield
Celestial Dreamscape
Cosmic Dust Cloud
Deep Space Nebula