Palette

Celestial Orchid Glow

A radiant spectrum of vibrant purples and magentas, like an exotic orchid glowing under starlight.

vibrantelegant5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6A0080#9500AD#C000DB#EB33FF#FF66FF

Palette guide

How to use Celestial Orchid Glow

Overview

The "Celestial Orchid Glow" palette is a radiant spectrum of vibrant purples and magentas, like an exotic orchid glowing under starlight. From the deep, intense #6A0080, it explodes into brilliant hues such as #9500AD, #C000DB, and the almost neon #EB33FF and #FF66FF. This energetic and elegant palette is designed to make a bold statement, perfect for projects that need to convey fantasy, luxury, or a cutting-edge aesthetic. Developers can leverage its luminosity for captivating UI elements, while designers can create stunning visuals that command attention and evoke a sense of magical wonder.

Best used for

Fantasy game art and UI
Vibrant event branding
Cosmic-themed fashion design
Youth-oriented tech products
Digital art and illustrations
Luxury beauty product marketing

Suggested color roles

primary

#6A0080 - A deep, rich base that grounds the vibrant palette, suitable for main backgrounds or dark mode.

secondary

#9500AD - Use for prominent sections, large headers, or to add depth to the purples.

accent

#FF66FF - The brightest, most luminous shade, ideal for dazzling call-to-action buttons, icons, or glowing effects.

background

#6A0080 - Provides a powerful, dark canvas that allows the lighter, vibrant purples to truly shine.

text

#FF66FF - Excellent for headlines or short, impactful text on dark backgrounds. For body text, a crisp white like #FFFFFF is recommended for optimal readability.

Accessibility notes

Text in #FF66FF on #6A0080 provides excellent contrast, suitable for headings and critical UI.
Avoid using #EB33FF or #FF66FF for large blocks of body text due to their vibrancy potentially causing eye strain.
Ensure sufficient contrast for #C000DB text on #9500AD, especially for smaller font sizes.
Use a contrast checker to verify all color pairs meet WCAG AA standards, particularly for interactive elements.

Recommended combinations

Cosmic Radiance

Creates a dramatic, high-contrast look, perfect for eye-catching designs and vibrant branding.

#6A0080 · #9500AD · #FF66FF

Orchid Gradient

Ideal for smooth, energetic gradients in backgrounds, banners, or digital art.

#9500AD · #C000DB · #EB33FF

Glowing Accent

Use the brightest colors as powerful accents against the deepest base for maximum visual impact and glow effects.

#6A0080 · #EB33FF · #FF66FF

CSS variables

:root {
  --celestial-orchid-glow-1: #6A0080;
  --celestial-orchid-glow-2: #9500AD;
  --celestial-orchid-glow-3: #C000DB;
  --celestial-orchid-glow-4: #EB33FF;
  --celestial-orchid-glow-5: #FF66FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "celestial-orchid-glow": {
        1: "#6A0080",
        2: "#9500AD",
        3: "#C000DB",
        4: "#EB33FF",
        5: "#FF66FF",
      }
    }
  }
}

Hex values

Color 1#6A0080

Color 2#9500AD

Color 3#C000DB

Color 4#EB33FF

Color 5#FF66FF

Accessibility

Contrast checker

1.5:1Fail

2.2:1Fail

3.4:1AA18

4.5:1AA18

1.5:1Fail

2.2:1Fail

3:1Fail

2.2:1Fail

1.5:1Fail

2:1Fail

3.4:1AA18

2.2:1Fail

1.5:1Fail

1.3:1Fail

4.5:1AA18

3:1Fail

2:1Fail

1.3:1Fail

Similar palettes

More like Celestial Orchid Glow

Celestial Orchid Glow

See it in context.

Ready when you are.

Built with Celestial Orchid Glow.

How to use Celestial Orchid Glow

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Cosmic Radiance

Orchid Gradient

Glowing Accent

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Celestial Orchid Glow