Palette

Stardust Galaxy Shimmer

An ethereal collection of deep purples and lavenders, reminiscent of distant galaxies twinkling with stardust.

Coolelegant5 colors

More Cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Stardust Galaxy Shimmer 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 Stardust Galaxy Shimmer.

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

Data visualization

#2F1752#4A2A70#7B4BA6#AF8CD5#E1D3ED

Palette guide

How to use Stardust Galaxy Shimmer

Overview

The Stardust Galaxy Shimmer palette presents an elegant journey through deep purples and ethereal lavenders, reminiscent of a starlit cosmic expanse. With foundational shades like #2F1752 and delicate highlights such as #E1D3ED, this collection is designed for sophistication. It offers a versatile range from rich depth to airy lightness, making it invaluable for designers and developers crafting refined digital experiences. The inclusion of mid-tones like #7B4BA6 ensures smooth transitions and visual harmony, perfect for brands aiming for an elegant, magical, or celestial aesthetic across websites, apps, or print materials.

Best used for

High-end fashion branding
Luxury product packaging
Elegant wedding stationery
Creative portfolio websites
Wellness and beauty app interfaces
Digital art with mystical themes

Suggested color roles

primary

#2F1752 acts as a deep, anchoring shade, excellent for primary branding or dark mode backgrounds.

secondary

#4A2A70 provides a rich, supporting purple, adding depth and sophistication to larger sections.

accent

#AF8CD5 offers a soft, ethereal highlight, ideal for subtle accents, icons, or secondary information.

background

#E1D3ED serves as a light, airy base, providing a clean canvas for content and brighter designs.

text

For text on lighter backgrounds, use #2F1752 or a dark charcoal. For text on dark backgrounds, use white or #E1D3ED.

Accessibility notes

Contrast between #AF8CD5 and #E1D3ED is low; avoid using for critical text to ensure readability.
Use #2F1752 or #4A2A70 for body text on the lighter background #E1D3ED.
Ensure interactive elements have clearly visible states, particularly when using lighter shades together.
The palette offers good contrast potential when pairing the darkest (#2F1752) with the lightest (#E1D3ED).

Recommended combinations

Elegant Contrast

Creates sophisticated layouts, with dark text on a light background and a balanced accent.

#2F1752 · #E1D3ED · #7B4BA6

Soft Gradient

Ideal for subtle background transitions, delicate UI elements, or visual depth.

#4A2A70 · #7B4BA6 · #AF8CD5

Magical Highlight

Use for feature sections, delicate illustrations, or to draw attention to key elements with an ethereal glow.

#2F1752 · #AF8CD5 · #E1D3ED

CSS variables

:root {
  --stardust-galaxy-shimmer-1: #2F1752;
  --stardust-galaxy-shimmer-2: #4A2A70;
  --stardust-galaxy-shimmer-3: #7B4BA6;
  --stardust-galaxy-shimmer-4: #AF8CD5;
  --stardust-galaxy-shimmer-5: #E1D3ED;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "stardust-galaxy-shimmer": {
        1: "#2F1752",
        2: "#4A2A70",
        3: "#7B4BA6",
        4: "#AF8CD5",
        5: "#E1D3ED",
      }
    }
  }
}

Hex values

Color 1#2F1752

Color 2#4A2A70

Color 3#7B4BA6

Color 4#AF8CD5

Color 5#E1D3ED

Accessibility

Contrast checker

1.4:1Fail

2.5:1Fail

5.5:1AA

10.8:1AAA

1.4:1Fail

1.8:1Fail

4.1:1AA18

7.9:1AAA

2.5:1Fail

1.8:1Fail

2.2:1Fail

4.3:1AA18

5.5:1AA

4.1:1AA18

2.2:1Fail

2:1Fail

10.8:1AAA

7.9:1AAA

4.3:1AA18

2:1Fail

Similar palettes

More like Stardust Galaxy Shimmer

Cosmic Iridescent Shine

Nebula Veil Glimmer

Regal Bloom