Palette

Pastel Galaxy Dream

Soft, ethereal purples and pinks swirl gently, envisioning a tranquil, distant galaxy bathed in starlight.

pastelcalm5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Pastel Galaxy Dream 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 Pastel Galaxy Dream.

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

Data visualization

#8A2BE2#9370DB#BA55D3#DDA0DD#E0B0FF

Palette guide

How to use Pastel Galaxy Dream

Overview

The Pastel Galaxy Dream palette offers a celestial journey through soft, ethereal purples and pinks, perfect for creating tranquil and imaginative designs. Anchored by the deep violet of #8A2BE2 and complemented by the gentle lavender of #9370DB, this palette evokes a sense of wonder. Lighter shades like #BA55D3, #DDA0DD, and the delicate #E0B0FF add a dreamy, starlit quality. Designers can leverage these hues for projects requiring a blend of sophistication and whimsy, from digital interfaces to print media, ensuring a cohesive and enchanting visual experience that feels both calm and inspiring.

Best used for

Fantasy game UI/UX
Astrology or spiritual branding
Children's book illustrations
Event invitations (weddings, baby showers)
Dreamy website themes (e.g., meditation apps)
Fashion or beauty product packaging

Suggested color roles

primary

Use #8A2BE2 (Blue Violet) for dominant elements like hero sections or key calls-to-action to establish a deep, mystical tone.

secondary

Apply #9370DB (Medium Purple) for supporting headers, sub-sections, or background accents, providing a softer transition from the primary.

accent

Highlight interactive elements or small details with #BA55D3 (Medium Orchid), drawing attention without overpowering the dreamy aesthetic.

background

Utilize #E0B0FF (Plum) for subtle backgrounds or large canvases, offering a light, airy base that complements the darker purples.

text

For dark text on light backgrounds, a deep charcoal or black is recommended. On darker shades like #8A2BE2, use a crisp white or a very light pastel from the palette, such as #E0B0FF, for contrast.

Accessibility notes

Ensure sufficient contrast when pairing #8A2BE2 with lighter shades for text; aim for WCAG AA or AAA.
Avoid using #DDA0DD and #E0B0FF for small text on white backgrounds due to low contrast.
Test color combinations like #BA55D3 text on #9370DB background for readability, especially for users with color vision deficiencies.
Provide alternative text descriptions for color-coded information to ensure accessibility for all users.

Recommended combinations

Deep Space

Ideal for header banners or mystical backgrounds, with #E0B0FF for subtle details or light text.

#8A2BE2 · #BA55D3 · #E0B0FF

Starlight Glow

Perfect for softer UI elements, informational panels, or delicate illustrations, offering gentle transitions.

#9370DB · #DDA0DD · #E0B0FF

Cosmic Whisper

Excellent for gradients or layered elements, providing depth while maintaining the palette's dreamy quality.

#8A2BE2 · #9370DB · #DDA0DD

CSS variables

:root {
  --pastel-galaxy-dream-1: #8A2BE2;
  --pastel-galaxy-dream-2: #9370DB;
  --pastel-galaxy-dream-3: #BA55D3;
  --pastel-galaxy-dream-4: #DDA0DD;
  --pastel-galaxy-dream-5: #E0B0FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pastel-galaxy-dream": {
        1: "#8A2BE2",
        2: "#9370DB",
        3: "#BA55D3",
        4: "#DDA0DD",
        5: "#E0B0FF",
      }
    }
  }
}

Hex values

Color 1#8A2BE2

Color 2#9370DB

Color 3#BA55D3

Color 4#DDA0DD

Color 5#E0B0FF

Accessibility

Contrast checker

1.6:1Fail

1.5:1Fail

2.9:1Fail

3.4:1AA18

1.6:1Fail

1:1Fail

1.8:1Fail

2.1:1Fail

1.5:1Fail

1:1Fail

1.9:1Fail

2.2:1Fail

2.9:1Fail

1.8:1Fail

1.9:1Fail

1.2:1Fail

3.4:1AA18

2.1:1Fail

2.2:1Fail

1.2:1Fail

Similar palettes

More like Pastel Galaxy Dream

View all pastel

Cosmic Dream Dust

Cosmic Dust Shimmer

Whimsical Cotton Cloud

Amethyst Haze Dream

Aura Amethyst Dream

Celestial Blush