Back to palettes

Palette

Cosmic Reaches

Deep, evolving purples capturing the boundless, mysterious expanse of deep space.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0F0018#2A0A3D#501B78#7A2BD1#A040FF

Palette guide

How to use Cosmic Reaches

Overview

The Cosmic Reaches palette features deep, evolving purples, capturing the boundless, mysterious expanse of deep space. It grounds itself with the ultra-deep #0F0018 (near black-purple) and the rich #2A0A3D (dark plum), transitioning through the intense #501B78 (medium violet) and the striking #7A2BD1 (bright purple). The palette culminates in the luminous #A040FF (light fuchsia), evoking a vibrant, dreamy glow. This dark and mysterious collection is perfect for designers and developers crafting immersive, sophisticated, or magical digital experiences. It excels in creating atmospheric backgrounds, unique branding, and UI elements that convey depth, wonder, and ethereal beauty.

Best used for

  • Mystical game environments and fantasy interfaces
  • Luxury brand identity and high-end digital marketing
  • Abstract digital art and cosmic illustrations
  • Elegant event branding and invitations
  • Fashion or beauty campaigns with an ethereal touch
  • Dark mode app interfaces with a magical aesthetic

Suggested color roles

primary

Utilize #0F0018 as a deep, anchoring background color, establishing a vast, dark canvas for celestial or magical elements.

secondary

Employ #2A0A3D or #501B78 for significant content areas, subheadings, or distinct sections, offering rich, supporting purple tones.

accent

Apply #7A2BD1 or #A040FF for high-impact calls-to-action, alerts, or to highlight key interactive features with intense, glowing vibrancy.

background

The darker purples like #0F0018 and #2A0A3D are perfect for expansive, dark backgrounds, allowing the brighter colors to create a sense of depth and shimmer.

text

For optimal readability on dark backgrounds like #0F0018 or #2A0A3D, use #A040FF or a crisp white. For accents or larger headings on medium tones, #A040FF can be used with care.

Accessibility notes

  • Ensure strong contrast when using #7A2BD1 or #A040FF for text against #0F0018 or #2A0A3D.
  • White text on #0F0018, #2A0A3D, and #501B78 generally provides good readability.
  • Avoid using #7A2BD1 as text on #501B78 due to potential low contrast; reserve for larger headlines or accents.
  • Test color combinations for different forms of colorblindness, as the purple spectrum can be challenging for some users.

Recommended combinations

Deep Cosmic Void

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

#0F0018 · #2A0A3D · #501B78

Nebula Reaches

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

#501B78 · #7A2BD1 · #A040FF

Stellar Glimmer

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

#0F0018 · #A040FF · #7A2BD1

CSS variables

:root {
  --cosmic-reaches-1: #0F0018;
  --cosmic-reaches-2: #2A0A3D;
  --cosmic-reaches-3: #501B78;
  --cosmic-reaches-4: #7A2BD1;
  --cosmic-reaches-5: #A040FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-reaches": {
        1: "#0F0018",
        2: "#2A0A3D",
        3: "#501B78",
        4: "#7A2BD1",
        5: "#A040FF",
      }
    }
  }
}

Related searches

deep purple space palettemysterious galaxy colorsvibrant purple gradientethereal dark themecosmic cloud ui

Palette colors

Hex values

Color 1#0F0018
·
Color 2#2A0A3D
·
Color 3#501B78
·
Color 4#7A2BD1
·
Color 5#A040FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.7:1Fail
3:1Fail
4.5:1AA
2
1.2:1Fail
1.5:1Fail
2.6:1Fail
3.9:1AA18
3
1.7:1Fail
1.5:1Fail
1.7:1Fail
2.6:1Fail
4
3:1Fail
2.6:1Fail
1.7:1Fail
1.5:1Fail
5
4.5:1AA
3.9:1AA18
2.6:1Fail
1.5:1Fail

Similar palettes

More like Cosmic Reaches

View all dark
Cosmic Drift Dust
Cosmic Dust Whisper
Cosmic Veil Glimmer
Dark Galaxy Nebula
Dark Matter Gaze
Deep Space Comet