Back to palettes

Palette

Cosmic Jellyfish Bloom

Bioluminescent purples and ethereal blues shimmer like otherworldly jellyfish drifting through the dark expanse of space.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2C0E4B#5A1D8F#38708C#C765BB#180B2C

Palette guide

How to use Cosmic Jellyfish Bloom

Overview

The Cosmic Jellyfish Bloom palette evokes bioluminescent purples and ethereal blues, shimmering like otherworldly jellyfish drifting through the dark expanse of space. Its foundation lies in the profound #180B2C (ultra deep purple) and #2C0E4B (dark purple), offering a truly immersive backdrop. Vibrant contrasts emerge with the rich #5A1D8F (medium purple), the cool #38708C (deep teal-blue), and the striking #C765BB (magenta-pink). This elegant and dark collection is ideal for designers and developers aiming to create sophisticated, mysterious, and visually captivating digital experiences. It’s perfect for unique branding, atmospheric game environments, and luxurious web designs.

Best used for

  • Mysterious game environments and character design
  • High-end conceptual art and digital illustrations
  • Luxury brand identity and packaging
  • Abstract art installations and visualizers
  • Fashion or beauty campaigns with an ethereal touch
  • Dark mode app interfaces requiring a unique aesthetic

Suggested color roles

primary

Utilize #180B2C or #2C0E4B as the dominant background color, establishing a deep, mysterious void for other elements to 'float' within.

secondary

Employ #5A1D8F for secondary content areas, larger headings, or subtle interactive elements, providing a rich, supporting purple hue.

accent

Apply #C765BB as a vibrant, bioluminescent highlight for calls-to-action, notifications, or focal points, mimicking a jellyfish's glow.

background

The deep purples like #180B2C and #2C0E4B are perfect for expansive, dark backgrounds, allowing the brighter colors to create a sense of depth and shimmer.

text

On the very dark backgrounds, use white or a very light gray (#E0E0E0) for all body text. For accents or larger headings on medium tones, #C765BB can be used with care.

Accessibility notes

  • Ensure strong contrast when using #C765BB or #38708C for text against the darker purples like #180B2C.
  • White text on #180B2C, #2C0E4B, and #5A1D8F provides good readability for body content.
  • Avoid using #38708C as a text color on #5A1D8F due to insufficient contrast; reserve it for larger UI elements.
  • Test color combinations for different screen types, as deep purples and blues can sometimes merge visually.

Recommended combinations

Abyssal Glow

Creates a seamless, deep purple gradient, ideal for atmospheric backgrounds or elegant, layered UI elements.

#180B2C · #2C0E4B · #5A1D8F

Bioluminescent Bloom

Perfect for striking visual accents, interactive elements, or conveying a vibrant, ethereal glow against a dark base.

#2C0E4B · #C765BB · #38708C

Cosmic Drift

Excellent for creating dynamic layouts with a cool, deep blue contrasting with a vibrant magenta highlight.

#180B2C · #38708C · #C765BB

CSS variables

:root {
  --cosmic-jellyfish-bloom-1: #2C0E4B;
  --cosmic-jellyfish-bloom-2: #5A1D8F;
  --cosmic-jellyfish-bloom-3: #38708C;
  --cosmic-jellyfish-bloom-4: #C765BB;
  --cosmic-jellyfish-bloom-5: #180B2C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-jellyfish-bloom": {
        1: "#2C0E4B",
        2: "#5A1D8F",
        3: "#38708C",
        4: "#C765BB",
        5: "#180B2C",
      }
    }
  }
}

Related searches

deep purple blue palettebioluminescent color schemecosmic jellyfish art colorselegant dark thememysterious space ui

Palette colors

Hex values

Color 1#2C0E4B
·
Color 2#5A1D8F
·
Color 3#38708C
·
Color 4#C765BB
·
Color 5#180B2C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
3:1AA18
4.7:1AA
1.1:1Fail
2
1.6:1Fail
1.9:1Fail
3:1Fail
1.8:1Fail
3
3:1AA18
1.9:1Fail
1.6:1Fail
3.4:1AA18
4
4.7:1AA
3:1Fail
1.6:1Fail
5.3:1AA
5
1.1:1Fail
1.8:1Fail
3.4:1AA18
5.3:1AA

Similar palettes

More like Cosmic Jellyfish Bloom

View all dark
Galactic Nebula Swirl
Stardust Bloom Drift
Stardust Cloudscape
Astral Dream Hues
Celestial Dust Glimmer
Celestial Dust Trail