Back to palettes

Palette

Cosmic Dream Dust

A gentle, ethereal blend of purples and pinks, like stardust scattered across a dream.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#231E33#5B3A5A#8F5F8F#C38FC3#E6C2E6

Palette guide

How to use Cosmic Dream Dust

Overview

The Cosmic Dream Dust palette offers a gentle, ethereal blend of purples and pinks, like stardust scattered across a dream. Featuring shades from the deep #231E33 to the delicate #E6C2E6, this collection provides a calm and mystical aesthetic. Designers can leverage the varying depths of purple and pink to create captivating visual hierarchies, using darker tones for grounding and lighter hues for airy accents. Developers will find these hex codes ideal for crafting immersive digital experiences, such as tranquil app interfaces, elegant websites, or evocative digital art, ensuring a harmonious and aesthetically pleasing user journey that inspires contemplation and wonder.

Best used for

  • Meditation and mindfulness applications
  • Dreamy photography website themes
  • Spiritual wellness brand identity
  • Abstract digital art and illustrations
  • E-commerce for artisanal or handmade goods
  • Spa and relaxation service branding

Suggested color roles

primary

Utilize #231E33 as a deep, anchoring primary, perfect for main headings, important calls-to-action, or dominant brand elements.

secondary

Employ #5B3A5A as a vibrant secondary, excellent for subheadings, navigation, or significant UI components to add depth.

accent

Apply #C38FC3 as a soft, luminous accent, ideal for interactive states, small icons, or subtle highlights that need to glow gently.

background

The delicate #E6C2E6 serves as a serene, light background, offering a soft canvas for the deeper purples to stand out.

text

For optimal readability on light backgrounds, use #231E33 or a dark charcoal. White text provides excellent contrast on #231E33 or #5B3A5A.

Accessibility notes

  • Ensure sufficient contrast between #231E33 text and #E6C2E6 background for WCAG AA compliance.
  • Avoid using #C38FC3 and #E6C2E6 together for small text due to their close values and potential low contrast.
  • White text on #231E33 or #5B3A5A offers strong readability for headings and important information.
  • For body text on #E6C2E6, consider a dark purple like #231E33 or #5B3A5A for better legibility than pure black.

Recommended combinations

Stardust Harmony

Combine the darkest shades with the lightest for a dramatic yet dreamy look in hero sections or brand presentations.

#231E33 · #5B3A5A · #E6C2E6

Ethereal Swirl

Create soft gradients or layered elements in UI design, mimicking the gentle, swirling transitions of stardust.

#5B3A5A · #8F5F8F · #C38FC3

Dreamy Contrast

Use #E6C2E6 as a light background, #231E33 for primary text, and #8F5F8F for secondary information or interactive elements.

#E6C2E6 · #231E33 · #8F5F8F

CSS variables

:root {
  --cosmic-dream-dust-2-1: #231E33;
  --cosmic-dream-dust-2-2: #5B3A5A;
  --cosmic-dream-dust-2-3: #8F5F8F;
  --cosmic-dream-dust-2-4: #C38FC3;
  --cosmic-dream-dust-2-5: #E6C2E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-dream-dust-2": {
        1: "#231E33",
        2: "#5B3A5A",
        3: "#8F5F8F",
        4: "#C38FC3",
        5: "#E6C2E6",
      }
    }
  }
}

Related searches

soft ethereal purple pinkdreamy stardust color palettecalm cosmic design colorsmystical pastel UIserene purple aesthetic

Palette colors

Hex values

Color 1#231E33
·
Color 2#5B3A5A
·
Color 3#8F5F8F
·
Color 4#C38FC3
·
Color 5#E6C2E6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.2:1AA18
6.2:1AA
10.1:1AAA
2
1.7:1Fail
1.9:1Fail
3.7:1AA18
6:1AA
3
3.2:1AA18
1.9:1Fail
1.9:1Fail
3.1:1AA18
4
6.2:1AA
3.7:1AA18
1.9:1Fail
1.6:1Fail
5
10.1:1AAA
6:1AA
3.1:1AA18
1.6:1Fail

Similar palettes

More like Cosmic Dream Dust

View all pastel
Celestial Nebula Whisper
Cosmic Dust Shimmer
Pastel Galaxy Dream
Amethyst Haze Dream
Aura Amethyst Dream
Celestial Dawn Chorus