Palette

Galactic Dream Swirl

A vibrant and mystical blend of purples, pinks, and blues, reflecting the swirling magic of distant galaxies.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8A2BE2#4B0082#FF1493#00FFFF#FFFF00

Palette guide

How to use Galactic Dream Swirl

Overview

The Galactic Dream Swirl palette is a vibrant and mystical blend of purples, pinks, blues, and yellow, reflecting the swirling magic of distant galaxies. Featuring the energetic #8A2BE2, deep #4B0082, vivid #FF1493 (pink), bright #00FFFF (cyan), and luminous #FFFF00 (yellow), this palette offers a truly dynamic range. It's an invaluable tool for designers and developers aiming to create imaginative, high-energy, and whimsical digital experiences. The bold contrasts and playful yet cosmic feel make it ideal for creative art, youth-oriented branding, or any project that seeks to inspire wonder and energetic engagement with a dreamy, otherworldly aesthetic.

Best used for

Creative digital art and illustrations
Vibrant youth branding and marketing
Festival promotions and event graphics
Whimsical game designs and animations
Energetic social media graphics and campaigns
Fantasy-themed websites and interactive experiences

Suggested color roles

primary

Utilize #8A2BE2 as the energetic, central purple for main content areas or prominent graphical elements, providing a vibrant base.

secondary

Employ #4B0082 as a deep, grounding contrast for backgrounds, footers, or secondary information panels, balancing the bright hues.

accent

Apply #FF1493 for vibrant calls to action, interactive elements, or key visual highlights, ensuring a striking pop.

background

Choose #4B0082 as the primary background for a dark, dreamy base that allows the vibrant accents to truly shine.

text

Recommend #00FFFF or #FFFF00 for headlines and important text to ensure high visibility and a playful feel. For body text, a clean white or light gray is suitable.

Accessibility notes

Ensure #FFFF00 and #00FFFF have excellent contrast on #4B0082 for optimal readability.
Use #FF1493 for larger text or accents on darker backgrounds like #4B0082, as it may not contrast well with #8A2BE2.
Avoid placing #FFFF00 directly on #00FFFF due to potential visual strain.
Test all color combinations for interactive elements to ensure accessibility for users with various visual needs.

Recommended combinations

Mystic Core

Creates a deep, mystical base with a vibrant pink accent, perfect for focal points.

#4B0082 · #8A2BE2 · #FF1493

Neon Dream

Ideal for dynamic illustrations or sections needing a high-energy, luminous glow.

#8A2BE2 · #00FFFF · #FFFF00

Vibrant Fusion

Excellent for playful graphics and interactive elements, offering bold, contrasting colors.

#4B0082 · #FF1493 · #00FFFF

CSS variables

:root {
  --galactic-dream-swirl-1: #8A2BE2;
  --galactic-dream-swirl-2: #4B0082;
  --galactic-dream-swirl-3: #FF1493;
  --galactic-dream-swirl-4: #00FFFF;
  --galactic-dream-swirl-5: #FFFF00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-dream-swirl": {
        1: "#8A2BE2",
        2: "#4B0082",
        3: "#FF1493",
        4: "#00FFFF",
        5: "#FFFF00",
      }
    }
  }
}

Hex values

Color 1#8A2BE2

Color 2#4B0082

Color 3#FF1493

Color 4#00FFFF

Color 5#FFFF00

Accessibility

Contrast checker

2.2:1Fail

1.6:1Fail

4.8:1AA

5.5:1AA

2.2:1Fail

3.6:1AA18

10.3:1AAA

12.1:1AAA

1.6:1Fail

3.6:1AA18

2.9:1Fail

3.4:1AA18

4.8:1AA

10.3:1AAA

2.9:1Fail

1.2:1Fail

5.5:1AA

12.1:1AAA

3.4:1AA18

1.2:1Fail

Similar palettes

More like Galactic Dream Swirl

Celestial Nebula Hues