Palette

Cosmic Jellyfish Dance

Bioluminescent purples and pinks illuminate a mysterious, cosmic jellyfish floating in the abyss.

vibrantelegant5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cosmic Jellyfish Dance 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 Cosmic Jellyfish Dance.

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

Data visualization

#4B0082#8A2BE2#BA55D3#DA70D6#EE82EE

Palette guide

How to use Cosmic Jellyfish Dance

Overview

The Cosmic Jellyfish Dance palette illuminates a mysterious, cosmic jellyfish floating in the abyss with bioluminescent purples and pinks. Starting with the rich #4B0082 (dark violet) and transitioning through the vibrant #8A2BE2 (blue-violet) and #BA55D3 (medium orchid), it culminates in the bright #DA70D6 (orchid pink) and #EE82EE (violet-magenta). This elegant and vibrant collection is perfect for designers and developers crafting visually captivating experiences that demand a mystical, energetic, or futuristic aesthetic. It excels in creating dynamic interfaces, eye-catching branding, and immersive digital art where colors truly pop and dance.

Best used for

Vibrant sci-fi game aesthetics and character design
Futuristic tech branding and marketing materials
Dynamic digital art and motion graphics
Event promotion and concert visuals
Youth-oriented fashion or beauty campaigns
Interactive web components and animated UIs

Suggested color roles

primary

Use #4B0082 as a deep, anchoring background color, providing a stable yet vibrant base for the lighter, more energetic purples and pinks.

secondary

Employ #8A2BE2 for significant content areas, subheadings, or as a rich background for distinct sections, maintaining the palette's energetic depth.

accent

Apply #DA70D6 or #EE82EE for high-impact calls-to-action, notifications, or to highlight key interactive features with intense, glowing vibrancy.

background

The darker #4B0082 or #8A2BE2 can create immersive backgrounds, while gradients across the entire palette evoke a pulsating, bioluminescent effect.

text

On the darker purples like #4B0082, use white or a very light gray for body text. On lighter pinks or purples, a deep charcoal or black offers contrast, though white is often preferred for consistency.

Accessibility notes

Ensure sufficient contrast when using #DA70D6 or #EE82EE for text against #4B0082 or #8A2BE2.
White text on #4B0082, #8A2BE2, and #BA55D3 generally provides good readability.
Avoid using #DA70D6 as text on #BA55D3 due to potential low contrast; reserve for larger headlines or accents.
Test color combinations for different forms of colorblindness, as purples and pinks can sometimes be challenging.

Recommended combinations

Deep Bloom

Creates a rich, evolving purple gradient, ideal for atmospheric backgrounds or elegant, layered UI components.

#4B0082 · #8A2BE2 · #BA55D3

Jellyfish Glow

Perfect for vibrant accents, interactive elements, or conveying a luminous, ethereal glow in illustrations and decorative elements.

#8A2BE2 · #DA70D6 · #EE82EE

Cosmic Pulse

Excellent for establishing clear visual hierarchy, with bright, pulsating accents against a deep, mysterious backdrop.

#4B0082 · #EE82EE · #DA70D6

CSS variables

:root {
  --cosmic-jellyfish-dance-1: #4B0082;
  --cosmic-jellyfish-dance-2: #8A2BE2;
  --cosmic-jellyfish-dance-3: #BA55D3;
  --cosmic-jellyfish-dance-4: #DA70D6;
  --cosmic-jellyfish-dance-5: #EE82EE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-jellyfish-dance": {
        1: "#4B0082",
        2: "#8A2BE2",
        3: "#BA55D3",
        4: "#DA70D6",
        5: "#EE82EE",
      }
    }
  }
}

Hex values

Color 1#4B0082

Color 2#8A2BE2

Color 3#BA55D3

Color 4#DA70D6

Color 5#EE82EE

Accessibility

Contrast checker

2.2:1Fail

3.3:1AA18

4.5:1AA18

5.6:1AA

2.2:1Fail

1.5:1Fail

2.1:1Fail

2.6:1Fail

3.3:1AA18

1.5:1Fail

1.4:1Fail

1.7:1Fail

4.5:1AA18

2.1:1Fail

1.4:1Fail

1.2:1Fail

5.6:1AA

2.6:1Fail

1.7:1Fail

1.2:1Fail

Similar palettes

More like Cosmic Jellyfish Dance

View all vibrant

Cosmic Nebula Hues

Celestial Opal Glow

Celestial Stardust Glaze

Cosmic Cloud Bloom

Cosmic Iridescent Shine

Dragon Scales Gleam