Palette

Cyber Orchid Glow

Electric purples and fuchsia with deep, dark undertones, a synthetic bloom in a futuristic urban night.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1E0833#5A1E8C#A44ED1#E08CFF#E7D0F2

Palette guide

How to use Cyber Orchid Glow

Overview

The Cyber Orchid Glow palette presents electric purples and fuchsia with deep, dark undertones, like a synthetic bloom in a futuristic urban night. From the very deep #1E0833 to the luminous #E7D0F2, this palette offers a sophisticated gradient of purple. #5A1E8C provides a rich, dark violet, while #A44ED1 and #E08CFF introduce progressively lighter, yet still vibrant, orchid tones. Designers can leverage these hex codes to craft elegant, modern interfaces, corporate branding with a tech edge, or serene yet innovative digital experiences. Developers will find this palette excellent for creating structured, readable, and visually appealing user interfaces with depth.

Best used for

Dark mode UI/UX designs
Luxury tech product branding
Cosmetics or fashion brands with a futuristic twist
Abstract digital art with a mysterious, elegant feel
Event branding for upscale tech conferences
Creative coding and generative art

Suggested color roles

primary

#5A1E8C - A deep, rich purple that serves as a strong foundation for main content areas and branding.

secondary

#A44ED1 - A brighter, more expressive orchid purple, ideal for secondary elements, subheadings, or active states.

accent

#E08CFF - A luminous, lighter purple that provides a soft, ethereal glow for highlights, icons, or subtle animations.

background

#1E0833 - A very dark, almost black hue with a hint of purple, perfect for a deep, absorbing background.

text

#E7D0F2 - This very light, almost white purple offers excellent readability for headings and body text against the darkest backgrounds like #1E0833.

Accessibility notes

Ensure adequate contrast for text, especially with #E7D0F2 or #E08CFF text on darker backgrounds like #1E0833.
Avoid using #1E0833 and #5A1E8C for small text elements in close proximity due to their low contrast.
For body text, a bright white or very light gray may be necessary for readability on the darkest backgrounds.
Test color pairings for legibility, especially for users with color vision deficiencies, as purple hues can sometimes be tricky.

Recommended combinations

Orchid Night

Creating a deep, layered background with glowing purple UI elements and clear text.

#1E0833 · #5A1E8C · #E08CFF

Synth Bloom

Highlighting interactive components or data points with vibrant, contrasting glows against a dark canvas.

#A44ED1 · #E7D0F2 · #5A1E8C

Violet Pulse

Smooth color transitions for banners, hero sections, or abstract background patterns, mimicking a soft glow.

#E08CFF · #A44ED1 · #1E0833

CSS variables

:root {
  --cyber-orchid-glow-1: #1E0833;
  --cyber-orchid-glow-2: #5A1E8C;
  --cyber-orchid-glow-3: #A44ED1;
  --cyber-orchid-glow-4: #E08CFF;
  --cyber-orchid-glow-5: #E7D0F2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cyber-orchid-glow": {
        1: "#1E0833",
        2: "#5A1E8C",
        3: "#A44ED1",
        4: "#E08CFF",
        5: "#E7D0F2",
      }
    }
  }
}

Hex values

Color 1#1E0833

Color 2#5A1E8C

Color 3#A44ED1

Color 4#E08CFF

Color 5#E7D0F2

Accessibility

Contrast checker

1.8:1Fail

4:1AA18

8.2:1AAA

12.9:1AAA

1.8:1Fail

2.3:1Fail

4.7:1AA

7.4:1AAA

4:1AA18

2.3:1Fail

2:1Fail

3.2:1AA18

8.2:1AAA

4.7:1AA

2:1Fail

1.6:1Fail

12.9:1AAA

7.4:1AAA

3.2:1AA18

1.6:1Fail

Similar palettes

More like Cyber Orchid Glow

View all vibrant

Cyberpunk Alley Glow

Neo-Tokyo Streetlights