Palette

Galactic Cloud Shroud

Deep purples and hazy violets depict the enigmatic beauty of distant cosmic dust clouds and nebulae.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Galactic Cloud Shroud 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 Galactic Cloud Shroud.

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

Data visualization

#1C0C2F#3A1B4F#6A3D7F#A06BAF#D7A5D7

Palette guide

How to use Galactic Cloud Shroud

Overview

The Galactic Cloud Shroud palette artfully blends deep purples and hazy violets, depicting the enigmatic beauty of distant cosmic dust clouds and nebulae. With a base of #1C0C2F, it flows through the rich #3A1B4F and the substantial #6A3D7F, reaching the softer #A06BAF and the delicate #D7A5D7. This palette is perfect for designers and developers aiming to create sophisticated, ethereal, and slightly mysterious digital experiences. Its harmonious range of purples provides a gentle yet profound aesthetic, making it suitable for elegant branding, serene applications, or immersive visual storytelling where a subtle glow is desired.

Best used for

Elegant brand identities and corporate websites
Ethereal digital art and photography showcases
Sophisticated dark themes for web and mobile
Fashion and beauty e-commerce platforms
Meditative or wellness application interfaces
Celestial event promotions and invitations

Suggested color roles

primary

Designate #3A1B4F as the main color for large content areas or primary navigation, providing a rich, foundational purple.

secondary

Use #6A3D7F for sub-sections, borders, or secondary interactive elements, adding a balanced mid-tone depth.

accent

Apply #A06BAF as a soft, engaging accent for hovers, subtle calls to action, or decorative UI components.

background

Choose #1C0C2F as the deepest background, offering an atmospheric and enigmatic base for the entire design.

text

Employ #D7A5D7 for primary body text and important labels, ensuring gentle contrast and a luminous, readable appearance on dark backgrounds.

Accessibility notes

Ensure #D7A5D7 text has ample contrast on #1C0C2F and #3A1B4F backgrounds for optimal readability.
When using #A06BAF for text, ensure it's on a sufficiently dark background and consider larger font sizes or bolder weights.
Avoid using #3A1B4F or #6A3D7F as text colors on #1C0C2F due to potential contrast issues.
Test color pairings for UI elements to guarantee functionality for users with visual impairments.

Recommended combinations

Hazy Depths

Creates a profound and layered dark background, ideal for deep content sections.

#1C0C2F · #3A1B4F · #6A3D7F

Violet Mist

Perfect for illustrating content progression or highlighting secondary information with a soft glow.

#3A1B4F · #6A3D7F · #A06BAF

Celestial Glow

Excellent for primary text and luminous accents, providing clear visibility on a dark canvas.

#1C0C2F · #D7A5D7 · #A06BAF

CSS variables

:root {
  --galactic-cloud-shroud-1: #1C0C2F;
  --galactic-cloud-shroud-2: #3A1B4F;
  --galactic-cloud-shroud-3: #6A3D7F;
  --galactic-cloud-shroud-4: #A06BAF;
  --galactic-cloud-shroud-5: #D7A5D7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-cloud-shroud": {
        1: "#1C0C2F",
        2: "#3A1B4F",
        3: "#6A3D7F",
        4: "#A06BAF",
        5: "#D7A5D7",
      }
    }
  }
}

Hex values

Color 1#1C0C2F

Color 2#3A1B4F

Color 3#6A3D7F

Color 4#A06BAF

Color 5#D7A5D7

Accessibility

Contrast checker

1.3:1Fail

2.3:1Fail

4.6:1AA

9:1AAA

1.3:1Fail

1.8:1Fail

3.6:1AA18

7.1:1AAA

2.3:1Fail

1.8:1Fail

2:1Fail

4:1AA18

4.6:1AA

3.6:1AA18

2:1Fail

9:1AAA

7.1:1AAA

4:1AA18

2:1Fail

Similar palettes

More like Galactic Cloud Shroud

Galactic Cloud Shroud

See it in context.

Ready when you are.

Built with Galactic Cloud Shroud.

How to use Galactic Cloud Shroud

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Hazy Depths

Violet Mist

Celestial Glow

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Galactic Cloud Shroud