Palette

Orion Cloud Veil

Soft, ethereal purples and lilacs drifting like stardust across the vast cosmic expanse.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Orion Cloud Veil 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 Orion Cloud Veil.

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

Data visualization

#4B0082#8A2BE2#9370DB#BA55D3#DDA0DD

Palette guide

How to use Orion Cloud Veil

Overview

The Orion Cloud Veil palette captures the ethereal purples and lilacs drifting like stardust across the vast cosmic expanse. This collection features deep and mystical shades like `#4B0082` (Indigo) and `#8A2BE2` (Blue Violet), complemented by the softer, dreamy tones of `#9370DB` (Medium Purple) and `#BA55D3` (Medium Orchid). The delicate `#DDA0DD` (Plum) adds a touch of light, creating a truly celestial feel. Designers can use this palette to evoke a sense of calm, mystery, and cosmic wonder, perfect for projects that aim for an otherworldly or spiritual aesthetic.

Best used for

Sci-fi and fantasy art and illustrations
Spiritual and mystical brand identities
Ambient music album covers and visualizers
Astrology and celestial-themed websites
Tech startups with an innovative, ethereal feel
Event design for cosmic or nocturnal themes

Suggested color roles

primary

Use `#8A2BE2` (Blue Violet) for a vibrant, mystical focal point, suitable for main headings or key design elements that demand attention.

secondary

Employ `#9370DB` (Medium Purple) for supporting graphics, background gradients, or sub-sections, offering a softer yet still enchanting presence.

accent

Apply `#4B0082` (Indigo) for deep accents, shadows, or as a grounding dark background, providing cosmic depth and contrast. `#DDA0DD` (Plum) can be a lighter accent.

background

A gradient from `#4B0082` to `#8A2BE2` or a solid `#9370DB` creates an immersive cosmic backdrop. For lighter elements, `DDA0DD` can be used sparingly.

text

For text on darker backgrounds, pure white or a very light gray ensures excellent readability. On lighter shades like `#DDA0DD`, use `#4B0082` or a dark charcoal.

Accessibility notes

Ensure white or very light text on `#4B0082`, `#8A2BE2`, and `#9370DB` for sufficient contrast (WCAG AA).
Be cautious using `#BA55D3` or `#DDA0DD` for small text, especially against similar mid-tone backgrounds.
Larger text on `#BA55D3` might require a darker color like `#4B0082`.
Gradients can make text contrast challenging; ensure a consistent contrast ratio across the text area.

Recommended combinations

Cosmic Depth

Creates a deep, immersive cosmic gradient, perfect for backgrounds or otherworldly branding.

#4B0082 · #8A2BE2 · #9370DB

Ethereal Glow

Offers a softer, lighter celestial feel, ideal for delicate illustrations or subtle UI elements.

#9370DB · #BA55D3 · #DDA0DD

Nebula Contrast

Provides a striking balance between deep indigo and luminous purples, suitable for impactful designs.

#4B0082 · #DDA0DD · #BA55D3

CSS variables

:root {
  --orion-cloud-veil-1: #4B0082;
  --orion-cloud-veil-2: #8A2BE2;
  --orion-cloud-veil-3: #9370DB;
  --orion-cloud-veil-4: #BA55D3;
  --orion-cloud-veil-5: #DDA0DD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "orion-cloud-veil": {
        1: "#4B0082",
        2: "#8A2BE2",
        3: "#9370DB",
        4: "#BA55D3",
        5: "#DDA0DD",
      }
    }
  }
}

Hex values

Color 1#4B0082

Color 2#8A2BE2

Color 3#9370DB

Color 4#BA55D3

Color 5#DDA0DD

Accessibility

Contrast checker

2.2:1Fail

3.4:1AA18

3.3:1AA18

6.3:1AA

2.2:1Fail

1.6:1Fail

1.5:1Fail

2.9:1Fail

3.4:1AA18

1.6:1Fail

1:1Fail

1.8:1Fail

3.3:1AA18

1.5:1Fail

1:1Fail

1.9:1Fail

6.3:1AA

2.9:1Fail

1.8:1Fail

1.9:1Fail

Similar palettes

More like Orion Cloud Veil

View all cool

Celestial Aurora Whisper