Back to palettes

Palette

Celestial Stardust Trails

An ethereal blend of purples and blues, mirroring the infinite beauty of a starlit galaxy.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Celestial Stardust Trails 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 Stardust Trails.

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

Data visualization

#524763#7F6E8F#A79BBF#C3BBD0#3A304D

Palette guide

How to use Celestial Stardust Trails

Overview

The "Celestial Stardust Trails" palette is an ethereal blend of purples and blues, mirroring the infinite beauty of a starlit galaxy. Ranging from the deep, grounding #3A304D and #524763, it transitions through the soft #7F6E8F and #A79BBF, culminating in the delicate, almost lavender #C3BBD0. This dark, yet elegant and dreamy palette is perfect for designs that aim to convey sophistication, mystery, and a touch of otherworldly calm. Developers can utilize these harmonious shades for serene interfaces, while designers can craft unique branding or digital art that feels both vast and intimately inviting, evoking a quiet cosmic wonder.

Best used for

  • Luxury spa branding
  • Ethereal wedding invitations
  • Astrology and spiritual content
  • Dreamy digital art illustrations
  • Sophisticated app backgrounds
  • Feminine lifestyle blogs

Suggested color roles

primary

#3A304D - A deep, grounding base, excellent for backgrounds, headers, or robust branding elements.

secondary

#524763 - Use for supporting sections, darker text areas, or to add rich purple depth.

accent

#C3BBD0 - The lightest shade, perfect for delicate highlights, icons, or subtle call-to-action elements.

background

#C3BBD0 - Provides a soft, ethereal canvas that allows darker tones to emerge gently.

text

#3A304D - Ideal for main body text on lighter backgrounds like #C3BBD0 or #A79BBF, ensuring excellent readability.

Accessibility notes

  • Text in #3A304D on #C3BBD0 provides good contrast for general readability.
  • Ensure #524763 text on #A79BBF meets WCAG AA contrast for smaller text.
  • Avoid using #C3BBD0 for text on #A79BBF as the contrast will be insufficient.
  • Use darker colors like #3A304D or #524763 for critical interactive elements to ensure visibility.

Recommended combinations

Galaxy Whisper

Creates a soft, elegant look with good contrast, ideal for sophisticated branding or interfaces.

#C3BBD0 · #A79BBF · #3A304D

Dreamy Veil

Perfect for smooth, delicate gradients in backgrounds, headers, or decorative elements.

#7F6E8F · #A79BBF · #C3BBD0

Cosmic Depth

Use for layered designs or to add depth to illustrations, maintaining the ethereal quality.

#3A304D · #524763 · #7F6E8F

CSS variables

:root {
  --celestial-stardust-trails-3-1: #524763;
  --celestial-stardust-trails-3-2: #7F6E8F;
  --celestial-stardust-trails-3-3: #A79BBF;
  --celestial-stardust-trails-3-4: #C3BBD0;
  --celestial-stardust-trails-3-5: #3A304D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "celestial-stardust-trails-3": {
        1: "#524763",
        2: "#7F6E8F",
        3: "#A79BBF",
        4: "#C3BBD0",
        5: "#3A304D",
      }
    }
  }
}

Related searches

purple blue galaxy palettedreamy stardust colorsethereal cosmic huessoft space purplecalm elegant lavender

Palette colors

Hex values

Color 1#524763
·
Color 2#7F6E8F
·
Color 3#A79BBF
·
Color 4#C3BBD0
·
Color 5#3A304D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.3:1AA18
4.6:1AA
1.4:1Fail
2
1.9:1Fail
1.8:1Fail
2.5:1Fail
2.6:1Fail
3
3.3:1AA18
1.8:1Fail
1.4:1Fail
4.7:1AA
4
4.6:1AA
2.5:1Fail
1.4:1Fail
6.6:1AA
5
1.4:1Fail
2.6:1Fail
4.7:1AA
6.6:1AA

Similar palettes

More like Celestial Stardust Trails

View all dark
Celestial Dust Glimmer
Celestial Dust Trail
Celestial Whisper Nebula
Galactic Nebula Swirl
Stardust Bloom Drift
Stardust Cloudscape