Palette

Mystic Cosmos Glimmer

Deep purples and indigos evoking the infinite mystery and shimmering dust of a distant nebula.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mystic Cosmos Glimmer 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 Mystic Cosmos Glimmer.

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

Data visualization

#1A0B2C#4B0082#8A2BE2#9370DB#ADD8E6

Palette guide

How to use Mystic Cosmos Glimmer

Overview

The Mystic Cosmos Glimmer palette plunges into deep purples and indigos, evoking the infinite mystery and shimmering dust of a distant nebula. From the profound #1A0B2C to the vibrant #8A2BE2 and the ethereal #ADD8E6, this collection creates a cosmic and luxurious atmosphere. It's ideally suited for projects demanding a sense of wonder, sophistication, or a futuristic edge. Designers and developers can leverage these captivating shades to craft immersive space-themed interfaces, compelling dark mode experiences, and visually stunning digital assets that transport users to another dimension.

Best used for

Space-themed games and apps
Sci-fi movie promotions
Luxury tech interfaces
Dark mode applications
Fantasy digital art
Astrological platforms

Suggested color roles

primary

Utilize #1A0B2C as the deepest, cosmic background, setting an immersive and mysterious tone.

secondary

Employ #4B0082 for supportive sections or to add a rich, indigo depth to your design.

accent

Highlight interactive elements or celestial effects with #ADD8E6, providing a bright, shimmering contrast.

background

Use #1A0B2C as an immersive dark canvas, allowing lighter elements to truly glimmer like distant stars.

text

Pure white or #ADD8E6 provides optimal readability when used for text against the deep, dark backgrounds.

Accessibility notes

Use #ADD8E6 for text on dark backgrounds like #1A0B2C to ensure high contrast and readability.
Be cautious using #9370DB for small text on #4B0082 due to potential low contrast, impacting readability.
The vibrant #8A2BE2 should be used carefully for text; prefer it for larger elements or accents.
Always verify contrast ratios for all critical content and interactive elements to meet WCAG AA standards.

Recommended combinations

Nebula Depths

Ideal for gradients or deep backgrounds, creating a sense of infinite, layered space.

#1A0B2C · #4B0082 · #8A2BE2

Cosmic Sparkle

Perfect for celestial highlights, interactive elements, or starlit accents.

#ADD8E6 · #9370DB · #1A0B2C

Galactic Haze

Great for secondary information, subtle glows, or layered effects in cosmic interfaces.

#4B0082 · #9370DB · #ADD8E6

CSS variables

:root {
  --mystic-cosmos-glimmer-1: #1A0B2C;
  --mystic-cosmos-glimmer-2: #4B0082;
  --mystic-cosmos-glimmer-3: #8A2BE2;
  --mystic-cosmos-glimmer-4: #9370DB;
  --mystic-cosmos-glimmer-5: #ADD8E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mystic-cosmos-glimmer": {
        1: "#1A0B2C",
        2: "#4B0082",
        3: "#8A2BE2",
        4: "#9370DB",
        5: "#ADD8E6",
      }
    }
  }
}

Hex values

Color 1#1A0B2C

Color 2#4B0082

Color 3#8A2BE2

Color 4#9370DB

Color 5#ADD8E6

Accessibility

Contrast checker

1.4:1Fail

3.1:1AA18

4.9:1AA

12.2:1AAA

1.4:1Fail

2.2:1Fail

3.4:1AA18

8.5:1AAA

3.1:1AA18

2.2:1Fail

1.6:1Fail

3.9:1AA18

4.9:1AA

3.4:1AA18

1.6:1Fail

2.5:1Fail

12.2:1AAA

8.5:1AAA

3.9:1AA18

2.5:1Fail

Similar palettes

More like Mystic Cosmos Glimmer

View all dark

Celestial Stardust Trails

Cosmic Nebula Swirl

Cosmic Stardust Drift

Cosmic Veil Glimmer

Dark Galaxy Nebula

Galactic Cloud Glow