Back to palettes

Palette

Celestial Nebula Whisper

Ethereal purples and soft lavenders paint a picture of distant, swirling nebulae, creating a dreamy, cosmic feel.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6A5ACD#8A2BE2#9370DB#C3B0E6#E6E6FA

Palette guide

How to use Celestial Nebula Whisper

Overview

The Celestial Nebula Whisper palette is a soft, dreamy collection of purples and lavenders, embodying a calm and ethereal cosmic feel. Ranging from the muted periwinkle #6A5ACD to the nearly white #E6E6FA, with vibrant accents like #8A2BE2, this palette is ideal for creating serene and sophisticated designs. Designers can leverage its gentle hues for a sense of tranquility and elegance, perfect for interfaces that aim to be soothing and inviting. Developers will find these hex codes useful for crafting delicate gradients, soft backgrounds, and readable text, contributing to a truly harmonious user experience.

Best used for

  • Wellness or meditation apps
  • Baby product branding or websites
  • Bridal or elegant event planning materials
  • Soft, feminine fashion or beauty brands
  • Cloud computing dashboards (for a gentle feel)
  • Personal blogs with a calm aesthetic

Suggested color roles

primary

#6A5ACD offers a gentle yet distinct periwinkle, suitable for main content or brand presence.

secondary

#9370DB provides a slightly lighter, soft lavender for supporting elements, headers, or cards.

accent

#8A2BE2 is a more vibrant purple, perfect for drawing attention to calls-to-action or key interactive elements.

background

#E6E6FA creates a very light, airy canvas, or #C3B0E6 for a slightly richer, soft background.

text

Use a dark color like charcoal or black on light backgrounds. For darker elements, use #E6E6FA or white.

Accessibility notes

  • Ensure #8A2BE2 text has sufficient contrast against #C3B0E6 or #E6E6FA backgrounds.
  • Avoid using #C3B0E6 for small text on #E6E6FA as contrast will be poor.
  • For body text on light backgrounds, use a dark neutral color (e.g., #333333) to maximize readability.
  • Test all color pairings for sufficient contrast, especially for interactive elements and form fields.

Recommended combinations

Dreamy Gradient

Ideal for subtle background gradients or transitioning sections, promoting a calm flow.

#6A5ACD · #9370DB · #C3B0E6

Gentle Contrast

Great for main content blocks, with a light background, muted primary, and vibrant accent.

#E6E6FA · #6A5ACD · #8A2BE2

Soft Focus

Suitable for cards, sidebars, or secondary information panels, offering depth without being overwhelming.

#C3B0E6 · #9370DB · #6A5ACD

CSS variables

:root {
  --celestial-nebula-whisper-1: #6A5ACD;
  --celestial-nebula-whisper-2: #8A2BE2;
  --celestial-nebula-whisper-3: #9370DB;
  --celestial-nebula-whisper-4: #C3B0E6;
  --celestial-nebula-whisper-5: #E6E6FA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "celestial-nebula-whisper": {
        1: "#6A5ACD",
        2: "#8A2BE2",
        3: "#9370DB",
        4: "#C3B0E6",
        5: "#E6E6FA",
      }
    }
  }
}

Related searches

pastel purple color palettedreamy lavender schemecalm UI colorssoft cosmic designethereal purple tones

Palette colors

Hex values

Color 1#6A5ACD
·
Color 2#8A2BE2
·
Color 3#9370DB
·
Color 4#C3B0E6
·
Color 5#E6E6FA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.4:1Fail
2.7:1Fail
4.3:1AA18
2
1.1:1Fail
1.6:1Fail
3:1AA18
4.8:1AA
3
1.4:1Fail
1.6:1Fail
1.9:1Fail
3.1:1AA18
4
2.7:1Fail
3:1AA18
1.9:1Fail
1.6:1Fail
5
4.3:1AA18
4.8:1AA
3.1:1AA18
1.6:1Fail

Similar palettes

More like Celestial Nebula Whisper

View all pastel
Cosmic Dream Dust
Amethyst Haze Dream
Aura Amethyst Dream
Celestial Dawn Chorus
Cosmic Dust Shimmer
Dreamy Lavender Field