Palette

Galactic Core Glow

Intense and mesmerizing purples, like the swirling, radiant energy found at the heart of a galaxy.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Galactic Core Glow 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 Core Glow.

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

Data visualization

#8A2BE2#4B0082#9932CC#BA55D3#E6E6FA

Palette guide

How to use Galactic Core Glow

Overview

The Galactic Core Glow palette radiates with intense and mesmerizing purples, akin to the swirling, radiant energy found at the heart of a galaxy. Featuring vibrant #8A2BE2, deep #4B0082, regal #9932CC, and luminous #BA55D3, all balanced by the soft #E6E6FA, this palette offers dynamic possibilities. Designers and developers can leverage its powerful contrast and energetic feel to create impactful, visually stunning experiences. It's particularly effective for projects that aim to convey innovation, luxury, or a sense of awe, making it versatile for both digital interfaces and creative content needing a vibrant, otherworldly touch.

Best used for

High-energy branding and marketing campaigns
Futuristic tech interfaces and dashboards
Event promotions and vibrant digital art
Creative gaming themes and streaming overlays
Fashion and beauty product accents
Luminous abstract illustrations

Suggested color roles

primary

Utilize #8A2BE2 as the main, energetic purple for large content areas, primary buttons, or impactful headlines.

secondary

Employ #4B0082 as a deep, anchoring contrast for backgrounds, footers, or secondary information panels.

accent

Apply #BA55D3 for luminous highlights, calls to action, or interactive elements that require a radiant pop.

background

Use #E6E6FA for a light, airy base, or #4B0082 for a dramatic, dark background, depending on the desired mood.

text

Choose #4B0082 for text on a light background like #E6E6FA, or #E6E6FA for text on a dark background like #4B0082, ensuring high contrast.

Accessibility notes

Ensure #4B0082 text on #E6E6FA, and vice-versa, meets high contrast standards for readability.
When using #8A2BE2 or #BA55D3 for text, ensure it's on a sufficiently dark background (e.g., #4B0082).
Avoid using #9932CC or #BA55D3 as text on #E6E6FA without careful contrast checking and larger font sizes.
Test all color combinations for UI elements to ensure accessibility for color-blind users.

Recommended combinations

Deep Energy

Creates a powerful, gradient-like effect from deep to vibrant purple, ideal for banners.

#4B0082 · #8A2BE2 · #9932CC

Radiant Burst

Perfect for energetic calls to action or sections needing a bright, luminous accent.

#8A2BE2 · #9932CC · #BA55D3

Light & Dark

Provides a clean, high-contrast pairing for backgrounds, text, and vibrant highlights.

#4B0082 · #E6E6FA · #BA55D3

CSS variables

:root {
  --galactic-core-glow-1: #8A2BE2;
  --galactic-core-glow-2: #4B0082;
  --galactic-core-glow-3: #9932CC;
  --galactic-core-glow-4: #BA55D3;
  --galactic-core-glow-5: #E6E6FA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-core-glow": {
        1: "#8A2BE2",
        2: "#4B0082",
        3: "#9932CC",
        4: "#BA55D3",
        5: "#E6E6FA",
      }
    }
  }
}

Hex values

Color 1#8A2BE2

Color 2#4B0082

Color 3#9932CC

Color 4#BA55D3

Color 5#E6E6FA

Accessibility

Contrast checker

2.2:1Fail

1:1Fail

1.5:1Fail

4.8:1AA

2.2:1Fail

2.3:1Fail

3.3:1AA18

10.5:1AAA

1:1Fail

2.3:1Fail

1.4:1Fail

4.6:1AA

1.5:1Fail

3.3:1AA18

1.4:1Fail

3.2:1AA18

4.8:1AA

10.5:1AAA

4.6:1AA

3.2:1AA18

Similar palettes

More like Galactic Core Glow