Back to palettes

Palette

Celestial Orb Glow

Explores the mysterious allure of distant planets and the soft, ethereal glow of celestial bodies.

cooldark5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Celestial Orb Glow 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 Celestial Orb Glow.

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

Data visualization

#2F2E41#5A5A70#8B8BA6#BCC1DA#E0E3ED

Palette guide

How to use Celestial Orb Glow

Overview

The "Celestial Orb Glow" palette explores the mysterious allure of distant celestial bodies with a sophisticated range of cool purplish-greys. Starting from the deep, grounding #2F2E41, it progresses through the muted #5A5A70 and #8B8BA6, culminating in the soft, ethereal #BCC1DA and the almost luminous #E0E3ED. This palette delivers a dark, yet elegant mood, perfect for designs that aim for a subtle, cosmic mystery. Developers can find these shades ideal for dark mode interfaces, while designers can use them for branding that conveys depth, sophistication, and a touch of the unknown, without being overly dramatic.

Best used for

  • Dark mode UI/UX designs
  • Luxury tech product branding
  • Abstract art and digital illustrations
  • Mysterious sci-fi game themes
  • Elegant fashion and apparel
  • Sophisticated corporate identity

Suggested color roles

primary

#2F2E41 - The core dark background, providing a deep, stable foundation for all content.

secondary

#5A5A70 - Ideal for secondary panels, card backgrounds, or subtle divisions in a dark interface.

accent

#E0E3ED - Use this lightest shade for important call-to-actions, icons, or to highlight key information against the darker tones.

background

#2F2E41 - The main background, creating an immersive, dark aesthetic.

text

#E0E3ED - Excellent for primary text on the darker backgrounds, ensuring high readability and a clean look.

Accessibility notes

  • Text in #E0E3ED on #2F2E41 provides high contrast, ensuring good readability.
  • Ensure #BCC1DA text on #5A5A70 has sufficient contrast for WCAG AA compliance, especially for smaller fonts.
  • Avoid using #8B8BA6 for small or critical text on #5A5A70 as contrast might be borderline.
  • Use #E0E3ED for interactive elements to ensure they are easily discoverable against darker shades.

Recommended combinations

Deep Cosmos

Creates a classic dark mode look with bright, readable text and clear hierarchy.

#2F2E41 · #5A5A70 · #E0E3ED

Subtle Transition

Excellent for smooth gradients or layered elements that require a gentle progression of tone.

#5A5A70 · #8B8BA6 · #BCC1DA

Luminous Detail

Use the lighter shades for detailed illustrations or subtle UI highlights against the deep background.

#2F2E41 · #BCC1DA · #E0E3ED

CSS variables

:root {
  --celestial-orb-glow-1: #2F2E41;
  --celestial-orb-glow-2: #5A5A70;
  --celestial-orb-glow-3: #8B8BA6;
  --celestial-orb-glow-4: #BCC1DA;
  --celestial-orb-glow-5: #E0E3ED;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "celestial-orb-glow": {
        1: "#2F2E41",
        2: "#5A5A70",
        3: "#8B8BA6",
        4: "#BCC1DA",
        5: "#E0E3ED",
      }
    }
  }
}

Related searches

dark cosmic color palettemysterious purple greycelestial orb themeelegant dark mode colorssubtle space hues

Palette colors

Hex values

Color 1#2F2E41
·
Color 2#5A5A70
·
Color 3#8B8BA6
·
Color 4#BCC1DA
·
Color 5#E0E3ED
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
4:1AA18
7.4:1AAA
10.3:1AAA
2
2:1Fail
2:1Fail
3.8:1AA18
5.2:1AA
3
4:1AA18
2:1Fail
1.9:1Fail
2.6:1Fail
4
7.4:1AAA
3.8:1AA18
1.9:1Fail
1.4:1Fail
5
10.3:1AAA
5.2:1AA
2.6:1Fail
1.4:1Fail

Similar palettes

More like Celestial Orb Glow

View all cool
Stardust Nebula Bloom
Galactic Void
Celestial Deep Nebula
Celestial Stardust Trails
Cosmic Dust Trail
Cosmic Ocean Depths