Back to palettes

Palette

Celestial Veil Haze

Soft lavenders and blues that drift like cosmic dust in a serene, distant nebula.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2E0854#8A2BE2#6A5ACD#ADD8E6#D8BFD8

Palette guide

How to use Celestial Veil Haze

Overview

The "Celestial Veil Haze" palette features soft lavenders and blues that drift like cosmic dust in a serene, distant nebula. From the deep, grounding #2E0854, it transitions through the vibrant #8A2BE2 (Blue Violet) and the calming #6A5ACD (Slate Blue), culminating in the ethereal #ADD8E6 (Light Blue) and the delicate #D8BFD8 (Thistle). This cool and calm palette is perfect for designs that aim to convey tranquility, mystery, and an ethereal, dreamy mood. Developers can utilize these harmonious shades for serene interfaces, while designers can craft refreshing branding or digital art that feels both expansive and comforting, ideal for themes related to space or peaceful contemplation.

Best used for

  • Astrology and spiritual apps
  • Meditation and wellness branding
  • Ethereal digital illustrations
  • Sci-fi fantasy book covers
  • Relaxing website backgrounds
  • Dreamy fashion accessories

Suggested color roles

primary

#2E0854 - The deep, grounding base, excellent for backgrounds, headers, or robust branding elements.

secondary

#6A5ACD - Use for supporting sections, darker text areas, or to add rich blue-purple depth.

accent

#ADD8E6 - A bright, ethereal blue, perfect for delicate highlights, icons, or subtle call-to-action elements.

background

#D8BFD8 - Provides a soft, ethereal canvas that allows darker tones to emerge gently.

text

#2E0854 - Ideal for main body text on lighter backgrounds like #D8BFD8 or #ADD8E6, ensuring excellent readability.

Accessibility notes

  • Text in #2E0854 on #D8BFD8 provides good contrast for general readability.
  • Ensure #6A5ACD text on #ADD8E6 meets WCAG AA contrast for smaller text.
  • Avoid using #D8BFD8 for text on #ADD8E6 as the contrast will be insufficient.
  • Use darker colors like #2E0854 or #6A5ACD for critical interactive elements to ensure visibility.

Recommended combinations

Nebula Serene

Creates a soft, calm look with good contrast, ideal for peaceful branding or interfaces.

#D8BFD8 · #ADD8E6 · #2E0854

Cosmic Drift

Perfect for smooth, ethereal gradients that evoke cosmic dust and gentle movement.

#6A5ACD · #ADD8E6 · #D8BFD8

Mystic Veil

Use for layered designs or to add depth to illustrations, maintaining the ethereal quality.

#2E0854 · #8A2BE2 · #6A5ACD

CSS variables

:root {
  --celestial-veil-haze-2-1: #2E0854;
  --celestial-veil-haze-2-2: #8A2BE2;
  --celestial-veil-haze-2-3: #6A5ACD;
  --celestial-veil-haze-2-4: #ADD8E6;
  --celestial-veil-haze-2-5: #D8BFD8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "celestial-veil-haze-2": {
        1: "#2E0854",
        2: "#8A2BE2",
        3: "#6A5ACD",
        4: "#ADD8E6",
        5: "#D8BFD8",
      }
    }
  }
}

Related searches

celestial lavender blue paletteethereal nebula colorscalm cosmic hazedreamy purple blue designmystical space pastels

Palette colors

Hex values

Color 1#2E0854
·
Color 2#8A2BE2
·
Color 3#6A5ACD
·
Color 4#ADD8E6
·
Color 5#D8BFD8
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.8:1Fail
3.1:1AA18
10.7:1AAA
9.7:1AAA
2
2.8:1Fail
1.1:1Fail
3.9:1AA18
3.5:1AA18
3
3.1:1AA18
1.1:1Fail
3.5:1AA18
3.1:1AA18
4
10.7:1AAA
3.9:1AA18
3.5:1AA18
1.1:1Fail
5
9.7:1AAA
3.5:1AA18
3.1:1AA18
1.1:1Fail

Similar palettes

More like Celestial Veil Haze

View all cool
Celestial Aurora Whisper
Orion Cloud Veil
Stellar Cloudscape
Celestial Aurora Dream
Celestial Shimmer
Cosmic Cloud Dream