Back to palettes

Palette

Celestial Shimmer

A mystical journey through deep and sparkling purples, capturing the shimmer of distant galaxies.

coolelegant5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2C0F4A#4E1F8C#8B4AD8#BF8CFF#E0C4FF

Palette guide

How to use Celestial Shimmer

Overview

The "Celestial Shimmer" palette takes you on a mystical journey through deep and sparkling purples, capturing the shimmer of distant galaxies. It ranges from the profound #2C0F4A and the rich #4E1F8C, through the vibrant #8B4AD8 and the luminous #BF8CFF, culminating in the ethereal #E0C4FF. This cool and elegant palette is perfect for designs that aim for a mystical, luxurious, and light aesthetic. Developers can create enchanting user interfaces, while designers can craft captivating branding or digital art that feels both sophisticated and magical, evoking the quiet wonder of a starlit night.

Best used for

  • Fantasy game interfaces
  • Luxury brand packaging
  • Mystical event invitations
  • Ethereal digital illustrations
  • Beauty product marketing
  • Sophisticated website designs

Suggested color roles

primary

#2C0F4A - A deep, commanding base, excellent for backgrounds, headers, or grounding elements in elegant designs.

secondary

#4E1F8C - Use for secondary content areas, prominent text, or to add rich depth to the purple theme.

accent

#E0C4FF - The lightest, most luminous shade, perfect for delicate highlights, icons, or subtle call-to-action elements.

background

#2C0F4A - The main background, creating an immersive, dark, and mystical ambiance.

text

#E0C4FF - Ideal for main body text on darker backgrounds like #2C0F4A or #4E1F8C, ensuring excellent readability.

Accessibility notes

  • Text in #E0C4FF on #2C0F4A provides high contrast, ensuring good readability for all text.
  • Ensure #BF8CFF text on #4E1F8C has sufficient contrast for WCAG AA compliance, especially for smaller fonts.
  • Avoid using #E0C4FF for text on #BF8CFF as the contrast will be insufficient.
  • Use darker colors like #2C0F4A or #4E1F8C for critical interactive elements to ensure visibility.

Recommended combinations

Galaxy Depths

Creates a classic dark theme with clear, luminous text, perfect for content-heavy mystical sites.

#2C0F4A · #4E1F8C · #E0C4FF

Shimmering Veil

Ideal for smooth, ethereal gradients in backgrounds, headers, or digital art.

#4E1F8C · #8B4AD8 · #BF8CFF

Cosmic Glow

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

#2C0F4A · #BF8CFF · #E0C4FF

CSS variables

:root {
  --celestial-shimmer-2-1: #2C0F4A;
  --celestial-shimmer-2-2: #4E1F8C;
  --celestial-shimmer-2-3: #8B4AD8;
  --celestial-shimmer-2-4: #BF8CFF;
  --celestial-shimmer-2-5: #E0C4FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "celestial-shimmer-2": {
        1: "#2C0F4A",
        2: "#4E1F8C",
        3: "#8B4AD8",
        4: "#BF8CFF",
        5: "#E0C4FF",
      }
    }
  }
}

Related searches

deep purple galaxy palettemystical shimmer colorscelestial light purpleelegant dark purple themesparkling cosmic hues

Palette colors

Hex values

Color 1#2C0F4A
·
Color 2#4E1F8C
·
Color 3#8B4AD8
·
Color 4#BF8CFF
·
Color 5#E0C4FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
3.2:1AA18
6.6:1AA
10.6:1AAA
2
1.5:1Fail
2.1:1Fail
4.4:1AA18
7.1:1AAA
3
3.2:1AA18
2.1:1Fail
2.1:1Fail
3.3:1AA18
4
6.6:1AA
4.4:1AA18
2.1:1Fail
1.6:1Fail
5
10.6:1AAA
7.1:1AAA
3.3:1AA18
1.6:1Fail

Similar palettes

More like Celestial Shimmer

View all cool
Amethyst Cavern Glow
Amethyst Mystic Grotto
Amethyst Sky
Astral Quartz Shimmer
Celestial Opal Glint
Celestial Orchid Bloom