Palette

Galactic Swirl Dream

A swirling dreamscape of distant galaxies, blending deep purples with ethereal cosmic pinks and blues.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Galactic Swirl 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 Galactic Swirl Dream.

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

Data visualization

#191970#483D8B#8A2BE2#FFC0CB#E6E6FA

Palette guide

How to use Galactic Swirl Dream

Overview

The Galactic Swirl Dream palette offers a captivating blend of deep blues and purples with ethereal pinks, evoking a cosmic dreamscape. Colors like #191970 and #483D8B provide a profound, grounding depth, while #8A2BE2 adds a vibrant, otherworldly energy. The soft #FFC0CB and #E6E6FA introduce a delicate, dreamy contrast, making this palette versatile for projects requiring both depth and a touch of whimsy. It’s excellent for designers and developers aiming to create designs that feel both expansive and intimately magical, suitable for digital art, imaginative branding, or unique UI elements that need to stand out with a celestial touch.

Best used for

Fantasy game art
Whimsical branding
Creative website headers
Celestial-themed events
Children's book illustrations
Fashion design accents

Suggested color roles

primary

#191970 (Deep indigo, serving as the anchoring night sky base for large backgrounds or main sections.)

secondary

#483D8B (Rich indigo, providing supportive depth for secondary content areas or structural elements.)

accent

#FFC0CB (Soft, dreamy pink, ideal for delicate highlights, decorative elements, or calls-to-action where a gentle touch is needed.)

background

#191970 (An immersive, dark backdrop that enhances the cosmic feel and makes lighter elements shimmer.)

text

#E6E6FA (A very light lavender, offering excellent readability for body text on the darker palette colors, or use pure white for maximum contrast.)

Accessibility notes

Ensure #E6E6FA provides sufficient contrast against #191970 and #483D8B for body text readability.
Avoid using #FFC0CB for small text as its lightness will not meet contrast standards on many backgrounds; best for large headings or accents.
Verify that #8A2BE2, when used for interactive elements, has adequate contrast against its surrounding background.
Do not place #FFC0CB text on #E6E6FA backgrounds as the contrast will be insufficient for any text size.

Recommended combinations

Dreamy Nebula

Creates a striking contrast for hero sections, large headers, or unique background patterns.

#191970 · #FFC0CB · #483D8B

Cosmic Flow

Perfect for subtle gradients, secondary UI components, or vibrant accents that flow dynamically.

#483D8B · #8A2BE2 · #FFC0CB

Starlight Gaze

An excellent combination for primary text and background, ensuring clear information display with an ethereal touch.

#191970 · #E6E6FA · #8A2BE2

CSS variables

:root {
  --galactic-swirl-dream-1: #191970;
  --galactic-swirl-dream-2: #483D8B;
  --galactic-swirl-dream-3: #8A2BE2;
  --galactic-swirl-dream-4: #FFC0CB;
  --galactic-swirl-dream-5: #E6E6FA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-swirl-dream": {
        1: "#191970",
        2: "#483D8B",
        3: "#8A2BE2",
        4: "#FFC0CB",
        5: "#E6E6FA",
      }
    }
  }
}

Hex values

Color 1#191970

Color 2#483D8B

Color 3#8A2BE2

Color 4#FFC0CB

Color 5#E6E6FA

Accessibility

Contrast checker

1.6:1Fail

2.5:1Fail

9.7:1AAA

12.1:1AAA

1.6:1Fail

1.5:1Fail

5.9:1AA

7.4:1AAA

2.5:1Fail

1.5:1Fail

3.9:1AA18

4.8:1AA

9.7:1AAA

5.9:1AA

3.9:1AA18

1.2:1Fail

12.1:1AAA

7.4:1AAA

4.8:1AA

1.2:1Fail

Similar palettes

More like Galactic Swirl Dream

View all dark

Nebula Dream Dust

Astral Dust Whisper

Celestial Shimmer Glow

Cosmic Dreamscape Dust

Cosmic Dust Trails

Cosmic Stardust Drift