Back to palettes

Palette

Celestial Echo Nebula

A dreamy gradient from deep violet to soft lilac, evoking distant galaxies and stardust.

coolelegant5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Celestial Echo Nebula 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 Echo Nebula.

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

Data visualization

#2C0B4F#5D378F#B48DDF#E4D9FD#D0DBEE

Palette guide

How to use Celestial Echo Nebula

Overview

The Celestial Echo Nebula palette offers a dreamy gradient from deep violet to soft lilac, evoking distant galaxies and stardust. Anchored by the profound #2C0B4F, it transitions through the rich #5D378F and the vibrant #B48DDF, culminating in the luminous #E4D9FD and the cool #D0DBEE. This collection is perfect for designers and developers aiming to create elegant, ethereal, and cosmic digital experiences, branding, or interfaces. Its harmonious blend of purples and a touch of blue provides versatility for both immersive backgrounds and delicate, sparkling accents.

Best used for

  • Luxury spiritual or wellness brands
  • Sci-fi and fantasy game interfaces
  • Elegant event invitations or decor
  • Dark mode UI for creative platforms
  • Astronomy-focused educational apps
  • High-end cosmetic product packaging

Suggested color roles

primary

#2C0B4F serves as a dominant, deep background color, establishing a luxurious and mysterious foundation.

secondary

#5D378F or #B48DDF are excellent for secondary sections, navigation, or card backgrounds, adding depth and richness.

accent

#E4D9FD or #D0DBEE provides a luminous highlight for interactive elements, calls to action, or subtle glowing effects.

background

For dark themes, #2C0B4F is the primary background. For lighter sections, #E4D9FD offers an ethereal canvas.

text

For dark backgrounds, #E4D9FD or #D0DBEE ensures excellent readability. For light backgrounds, a dark charcoal or #2C0B4F is ideal.

Accessibility notes

  • #E4D9FD provides strong contrast for text on #2C0B4F and #5D378F, meeting WCAG AA standards.
  • Be cautious when using #B48DDF for small text on #E4D9FD; ensure sufficient contrast.
  • Ensure interactive elements using lighter shades on darker backgrounds have clear focus states.
  • This palette offers good options for high contrast text pairings, especially with the lightest and darkest shades.

Recommended combinations

Cosmic Elegance

Ideal for a sophisticated dark mode interface with clear hierarchy and a vibrant accent.

#2C0B4F · #E4D9FD · #B48DDF

Nebula Gradient

Perfect for background fills or hero sections, creating a smooth, ethereal transition.

#5D378F · #B48DDF · #E4D9FD

Luminous Contrast

Use #E4D9FD as a light background for specific content blocks, with dark text and a deeper accent.

#E4D9FD · #2C0B4F · #5D378F

CSS variables

:root {
  --celestial-echo-nebula-1: #2C0B4F;
  --celestial-echo-nebula-2: #5D378F;
  --celestial-echo-nebula-3: #B48DDF;
  --celestial-echo-nebula-4: #E4D9FD;
  --celestial-echo-nebula-5: #D0DBEE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "celestial-echo-nebula": {
        1: "#2C0B4F",
        2: "#5D378F",
        3: "#B48DDF",
        4: "#E4D9FD",
        5: "#D0DBEE",
      }
    }
  }
}

Related searches

deep violet lilac palettecosmic lavender UIethereal space brandingelegant purple web designstardust color scheme

Palette colors

Hex values

Color 1#2C0B4F
·
Color 2#5D378F
·
Color 3#B48DDF
·
Color 4#E4D9FD
·
Color 5#D0DBEE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
6.2:1AA
12.3:1AAA
11.9:1AAA
2
1.9:1Fail
3.2:1AA18
6.5:1AA
6.2:1AA
3
6.2:1AA
3.2:1AA18
2:1Fail
1.9:1Fail
4
12.3:1AAA
6.5:1AA
2:1Fail
1:1Fail
5
11.9:1AAA
6.2:1AA
1.9:1Fail
1:1Fail

Similar palettes

More like Celestial Echo Nebula

View all cool
Celestial Dust Stream
Astral Glow Nebula
Celestial Nebula Glow
Celestial Nebula Rift
Celestial Veil Haze
Cosmic Glow Dust