Palette

Cosmic Iridescent Shine

Captures the mystical, shifting colors of an iridescent opal, bathed in cosmic purples and celestial glow.

vibrantelegant5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cosmic Iridescent Shine 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 Iridescent Shine.

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

Data visualization

#0B0E23#2C1B47#5E2F7F#8A5A9C#B48CC9

Palette guide

How to use Cosmic Iridescent Shine

Overview

The Cosmic Iridescent Shine palette captures the mystical, shifting colors of an iridescent opal, bathed in cosmic purples and celestial glow. It grounds itself with the profound #0B0E23 (deep indigo) and flows into the rich #2C1B47 (dark purple). The palette truly shines with the vibrant #5E2F7F (medium violet), the softer #8A5A9C (lavender-grey), and the delicate #B48CC9 (light purple). This elegant and vibrant collection is perfect for designers and developers looking to create sophisticated, dreamlike, or luxurious digital experiences. Its harmonious gradient of purples is ideal for immersive backgrounds, subtle branding, and UI elements that convey depth and a touch of magic.

Best used for

Luxury brand websites and app interfaces
Elegant digital art and abstract illustrations
Sophisticated event branding and invitations
High-end beauty or fashion product designs
Creative portfolio websites with a mystical touch
Animated backgrounds and subtle UI gradients

Suggested color roles

primary

Use #0B0E23 as a deep, anchoring background color, providing a strong, elegant base for the lighter, shimmering purples.

secondary

Employ #2C1B47 for content sections, sub-headers, or as a transition color in gradients, maintaining depth while offering subtle variation.

accent

Apply #5E2F7F for interactive elements, key highlights, or as a vibrant call-to-action color that pops against the darker shades.

background

The full spectrum from #0B0E23 to #B48CC9 can be used in gradients to create an iridescent, flowing cosmic background effect.

text

For optimal readability on dark backgrounds, utilize white or a very light grey. On lighter purples like #B48CC9, a deep charcoal or #0B0E23 can provide good contrast.

Accessibility notes

Ensure sufficient contrast when using #8A5A9C or #B48CC9 for text against any of the darker purples.
White text on #0B0E23, #2C1B47, and #5E2F7F generally provides good readability.
Avoid using #8A5A9C as a text color on #5E2F7F due to potential low contrast for accessibility.
Consider using larger font sizes for text elements that rely on the softer purples for visual interest.

Recommended combinations

Deep Iridescence

Creates a rich, deep gradient perfect for immersive backgrounds or elegant, layered UI components.

#0B0E23 · #2C1B47 · #5E2F7F

Opal Shimmer

Ideal for subtle highlights, ethereal overlays, or conveying a soft, luminous glow in illustrations and decorative elements.

#5E2F7F · #8A5A9C · #B48CC9

Cosmic Pop

Excellent for establishing clear visual hierarchy, with a vibrant accent against a dark base and a soft highlight.

#0B0E23 · #5E2F7F · #B48CC9

CSS variables

:root {
  --cosmic-iridescent-shine-1: #0B0E23;
  --cosmic-iridescent-shine-2: #2C1B47;
  --cosmic-iridescent-shine-3: #5E2F7F;
  --cosmic-iridescent-shine-4: #8A5A9C;
  --cosmic-iridescent-shine-5: #B48CC9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-iridescent-shine": {
        1: "#0B0E23",
        2: "#2C1B47",
        3: "#5E2F7F",
        4: "#8A5A9C",
        5: "#B48CC9",
      }
    }
  }
}

Hex values

Color 1#0B0E23

Color 2#2C1B47

Color 3#5E2F7F

Color 4#8A5A9C

Color 5#B48CC9

Accessibility

Contrast checker

1.2:1Fail

2:1Fail

3.7:1AA18

6.8:1AA

1.2:1Fail

1.6:1Fail

3:1Fail

5.6:1AA

2:1Fail

1.6:1Fail

1.8:1Fail

3.4:1AA18

3.7:1AA18

3:1Fail

1.8:1Fail

1.9:1Fail

6.8:1AA

5.6:1AA

3.4:1AA18

1.9:1Fail

Similar palettes

More like Cosmic Iridescent Shine