Palette

Galactic Siren Song

A mystical blend of deep space purples and unexpected luminous accents, like a distant star's call.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Galactic Siren Song 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 Siren Song.

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

Data visualization

#2C0F4A#6F2A7D#BB5DD8#FFE06E#2A9D8F

Palette guide

How to use Galactic Siren Song

Overview

The Galactic Siren Song palette is a captivating blend of deep purples with unexpected luminous accents, creating a mystical and vibrant aesthetic. It features a profound royal purple #2C0F4A, a rich violet #6F2A7D, a bright fuchsia #BB5DD8, a luminous golden yellow #FFE06E, and a deep teal #2A9D8F. This palette is ideal for designers and developers aiming to create enchanting, fantasy-driven experiences or unique branding that stands out. The striking contrast between the deep, cosmic purples and the bright, almost magical yellow and teal accents ensures a memorable and energetic visual journey for any project.

Best used for

Fantasy game design and interfaces
Mystical or magical brand identity
Unique mobile app interfaces and themes
Creative digital portfolios and art showcases
Event promotions with an enchanting, vibrant feel
Imaginative product packaging and web design

Suggested color roles

primary

Use #2C0F4A as the dominant background or main color for large sections, establishing a deep, magical foundation.

secondary

Apply #6F2A7D for sub-sections, navigation, or supporting visual elements to add richness and depth.

accent

Deploy #FFE06E for primary calls to action, important alerts, or glowing highlights to capture immediate attention.

background

Utilize #2C0F4A for an immersive, deep purple background, providing a dramatic canvas for vibrant accents.

text

Employ #FFE06E for headings and a crisp white or #BB5DD8 for body text to ensure readability and a luminous effect on dark backgrounds.

Accessibility notes

Ensure #FFE06E and white text have excellent contrast on #2C0F4A or #6F2A7D backgrounds (WCAG AA standard).
Verify that #2A9D8F text on darker purples has sufficient contrast, especially for smaller font sizes.
Be cautious when using #BB5DD8 for small text on #6F2A7D; larger text sizes or a lighter background might be needed.
Use #FFE06E and #2A9D8F as key indicators for interactive elements due to their high visibility.

Recommended combinations

Siren's Call

Ideal for main layouts, providing a deep base with a vibrant purple and a striking golden yellow accent.

#2C0F4A · #BB5DD8 · #FFE06E

Mystic Depths

Excellent for creating layered backgrounds or sections, blending deep purples with a contrasting teal for depth.

#2C0F4A · #6F2A7D · #2A9D8F

Enchanted Light

Perfect for vibrant graphical elements, icons, or illustrations that require a magical and energetic glow.

#6F2A7D · #BB5DD8 · #FFE06E

CSS variables

:root {
  --galactic-siren-song-1: #2C0F4A;
  --galactic-siren-song-2: #6F2A7D;
  --galactic-siren-song-3: #BB5DD8;
  --galactic-siren-song-4: #FFE06E;
  --galactic-siren-song-5: #2A9D8F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-siren-song": {
        1: "#2C0F4A",
        2: "#6F2A7D",
        3: "#BB5DD8",
        4: "#FFE06E",
        5: "#2A9D8F",
      }
    }
  }
}

Hex values

Color 1#2C0F4A

Color 2#6F2A7D

Color 3#BB5DD8

Color 4#FFE06E

Color 5#2A9D8F

Accessibility

Contrast checker

1.8:1Fail

4.4:1AA18

12.7:1AAA

5:1AA

1.8:1Fail

2.5:1Fail

7:1AAA

2.7:1Fail

4.4:1AA18

2.5:1Fail

2.8:1Fail

1.1:1Fail

12.7:1AAA

7:1AAA

2.8:1Fail

2.6:1Fail

5:1AA

2.7:1Fail

1.1:1Fail

2.6:1Fail

Similar palettes

More like Galactic Siren Song

View all vibrant

Cosmic Dust Trails

Cosmic Nebula Swirl

Galactic Bloom Sparkle

Galaxy Orb Glow

Astral Nebula Bloom

Celestial Aurora Glow