Palette

Stardust Whisper

Soft and magical, like faint stardust drifting through the tranquil whispers of the cosmos.

pastelcalm5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E6E6FA#D8BFD8#C8A2C8#A98EBA#7A5DAE

Palette guide

How to use Stardust Whisper

Overview

The Stardust Whisper palette is a soft and magical collection of pastel purples, evoking faint stardust and tranquil cosmic whispers. Ranging from the airy #E6E6FA to the deeper #7A5DAE, this palette offers a dreamy aesthetic for designers and developers. Its gentle, ethereal tones, including #C8A2C8, are ideal for creating delicate interfaces, feminine branding, or whimsical digital art. The harmonious blend ensures visual calm and sophistication, making it perfect for projects that aim to convey softness, mystery, and a touch of enchanting elegance across web design, print, or product packaging.

Best used for

Children's product branding
Spa and wellness websites
Feminine fashion or beauty blogs
Wedding and event stationery
Digital art with soft palettes
Dreamy interior design concepts

Suggested color roles

primary

#7A5DAE serves as the deepest, anchoring purple, suitable for headings or key branding elements.

secondary

#A98EBA provides a rich, medium-toned support, adding depth without losing the pastel feel.

accent

#D8BFD8 offers a soft, gentle highlight, perfect for delicate accents, borders, or subtle UI elements.

background

#E6E6FA is the lightest shade, providing a clean, airy, and inviting base for content.

text

For optimal readability on lighter backgrounds, use #7A5DAE or a dark charcoal. On #7A5DAE, use white or #E6E6FA.

Accessibility notes

The contrast between #D8BFD8 and #E6E6FA is very low; avoid using these for text to ensure readability.
Always use #7A5DAE or a dark, contrasting color for body text on #E6E6FA and #D8BFD8.
Ensure interactive elements have clear visual distinction, especially when using adjacent light pastel shades.
Contrast between #C8A2C8 and #D8BFD8 may be too low for small text; use these for larger visual elements.

Recommended combinations

Gentle Contrast

Creates clean, readable layouts for main content and branding, with a soft, inviting feel.

#E6E6FA · #7A5DAE · #A98EBA

Dreamy Gradient

Ideal for soft background transitions, subtle overlays, or adding depth to visual elements.

#D8BFD8 · #C8A2C8 · #A98EBA

Mystic Accent

Perfect for headers, delicate illustrations, or to subtly emphasize key information or interactive components.

#E6E6FA · #7A5DAE · #D8BFD8

CSS variables

:root {
  --stardust-whisper-1: #E6E6FA;
  --stardust-whisper-2: #D8BFD8;
  --stardust-whisper-3: #C8A2C8;
  --stardust-whisper-4: #A98EBA;
  --stardust-whisper-5: #7A5DAE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "stardust-whisper": {
        1: "#E6E6FA",
        2: "#D8BFD8",
        3: "#C8A2C8",
        4: "#A98EBA",
        5: "#7A5DAE",
      }
    }
  }
}

Hex values

Color 1#E6E6FA

Color 2#D8BFD8

Color 3#C8A2C8

Color 4#A98EBA

Color 5#7A5DAE

Accessibility

Contrast checker

1.4:1Fail

1.8:1Fail

2.3:1Fail

4.3:1AA18

1.4:1Fail

1.3:1Fail

1.7:1Fail

3.1:1AA18

1.8:1Fail

1.3:1Fail

2.4:1Fail

2.3:1Fail

1.7:1Fail

1.3:1Fail

1.8:1Fail

4.3:1AA18

3.1:1AA18

2.4:1Fail

1.8:1Fail

Similar palettes

More like Stardust Whisper

Stardust Whisper

See it in context.

Ready when you are.

Built with Stardust Whisper.

How to use Stardust Whisper

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Gentle Contrast

Dreamy Gradient

Mystic Accent

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Stardust Whisper