Palette

Stardust Dream Weaver

A fantastical journey through deep purples and shimmering lilacs, inspired by a cosmic dreamscape.

vibrantplayful5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Stardust Dream Weaver 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 Dream Weaver.

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

Data visualization

#200040#480080#8000FF#C080FF#E0C0FF

Palette guide

How to use Stardust Dream Weaver

Overview

The 'Stardust Dream Weaver' palette embarks on a fantastical journey through vibrant purples, ideal for designs seeking a playful yet magical cosmic aesthetic. It ranges from the profound #200040 (Deep Indigo) and #480080 (Royal Purple) to the striking #8000FF (Electric Purple), softened by the luminous #C080FF (Light Lavender) and ethereal #E0C0FF (Pale Lilac). This collection is perfect for designers and developers crafting projects that exude creativity, whimsy, and a captivating glow. It's particularly well-suited for fantasy-themed UIs, vibrant branding, or digital art that aims to transport viewers into an imaginative and dreamlike realm.

Best used for

Fantasy game interfaces and branding
Creative and artistic portfolio websites
Children's book illustrations or animations
Vibrant event posters and promotional materials
Cosmic-themed party supplies and decor
Interactive digital experiences and apps

Suggested color roles

primary

Use #200040 as a deep, anchoring background to enhance the vibrancy of the lighter purples.

secondary

Royal Purple (#480080) can define main content areas, adding a rich, magical tone.

accent

Electric Purple (#8000FF) is a powerful accent for calls-to-action or interactive elements that demand attention.

background

Deep Indigo (#200040) or Royal Purple (#480080) create an immersive dark canvas, while #E0C0FF can provide a light, dreamy option.

text

For dark backgrounds, use white, #E0C0FF, or #C080FF for text to ensure excellent readability and a soft glow.

Accessibility notes

Ensure strong contrast when using #8000FF for text, especially against other purples; white provides best legibility.
The lighter #C080FF and #E0C0FF offer excellent contrast for dark text, making them ideal for readable content.
Avoid placing #480080 text on #200040 background; their dark values may lead to insufficient contrast.
When using #8000FF as an accent, ensure it contrasts sufficiently with surrounding elements for visual clarity.

Recommended combinations

Dream Glow

Creates a high-contrast, magical effect, ideal for bold headlines and vibrant calls-to-action on a dark base.

#200040 · #8000FF · #E0C0FF

Cosmic Play

Excellent for a softer, whimsical look, using the lighter purples for content and highlights.

#480080 · #C080FF · #E0C0FF

Vibrant Depth

Provides a powerful, gradient-like effect, suitable for immersive backgrounds or dramatic visual elements.

#200040 · #480080 · #8000FF

CSS variables

:root {
  --stardust-dream-weaver-1: #200040;
  --stardust-dream-weaver-2: #480080;
  --stardust-dream-weaver-3: #8000FF;
  --stardust-dream-weaver-4: #C080FF;
  --stardust-dream-weaver-5: #E0C0FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "stardust-dream-weaver": {
        1: "#200040",
        2: "#480080",
        3: "#8000FF",
        4: "#C080FF",
        5: "#E0C0FF",
      }
    }
  }
}

Hex values

Color 1#200040

Color 2#480080

Color 3#8000FF

Color 4#C080FF

Color 5#E0C0FF

Accessibility

Contrast checker

1.4:1Fail

3:1Fail

6.8:1AA

11.6:1AAA

1.4:1Fail

2.1:1Fail

4.9:1AA

8.3:1AAA

3:1Fail

2.1:1Fail

2.3:1Fail

3.9:1AA18

6.8:1AA

4.9:1AA

2.3:1Fail

1.7:1Fail

11.6:1AAA

8.3:1AAA

3.9:1AA18

1.7:1Fail

Similar palettes

More like Stardust Dream Weaver

View all vibrant

Enchanted Forest Glow

Berry Patch Delight

Berry Patch Harvest

Bohemian Rhapsody Blend

Bohemian Rhapsody Bloom

Bohemian Sky Weave