Palette

Cosmic Cloud Dream

Soft, ethereal purples swirling like distant nebulae in a cosmic, dreamlike sky.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cosmic Cloud Dream 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 Cosmic Cloud Dream.

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

Data visualization

#4B0082#8A2BE2#BA55D3#EE82EE#DDA0DD

Palette guide

How to use Cosmic Cloud Dream

Overview

The Cosmic Cloud Dream palette unveils a serene collection of soft, ethereal purples, from the deep #4B0082 to the delicate #DDA0DD. This dreamy blend evokes the image of distant nebulae swirling in a cosmic sky, offering a calm and mystical aesthetic. Designers can leverage the varying depths of purple to create captivating visual hierarchies, using darker tones for grounding and lighter hues for airy accents. Developers will find these hex codes ideal for crafting immersive digital experiences, such as tranquil app interfaces, elegant websites, or evocative digital art, ensuring a harmonious and aesthetically pleasing user journey that inspires contemplation and wonder.

Best used for

Meditation and mindfulness applications
Dreamy photography website themes
Spiritual wellness brand identity
Abstract digital art and illustrations
E-commerce for artisanal or handmade goods
Spa and relaxation service branding

Suggested color roles

primary

Utilize #4B0082 as a deep, anchoring primary, perfect for main headings, important calls-to-action, or dominant brand elements.

secondary

Employ #8A2BE2 as a vibrant secondary, excellent for subheadings, navigation, or significant UI components to add depth.

accent

Apply #EE82EE as a soft, luminous accent, ideal for interactive states, small icons, or subtle highlights that need to glow gently.

background

The delicate #DDA0DD serves as a serene, light background, offering a soft canvas for the deeper purples to stand out.

text

For optimal readability on light backgrounds, use #4B0082 or a dark charcoal. White text provides excellent contrast on #4B0082 or #8A2BE2.

Accessibility notes

Ensure sufficient contrast between #4B0082 text and #DDA0DD background for WCAG AA compliance.
Avoid using #EE82EE and #DDA0DD together for small text due to their close values and potential low contrast.
White text on #4B0082 or #8A2BE2 offers strong readability for headings and important information.
For body text on #DDA0DD, consider a dark purple like #4B0082 or #8A2BE2 for better legibility than pure black.

Recommended combinations

Nebula Depth

Combine the darkest shades with the lightest for a dramatic yet dreamy look in hero sections or brand presentations.

#4B0082 · #8A2BE2 · #DDA0DD

Ethereal Swirl

Create soft gradients or layered elements in UI design, mimicking the gentle, swirling transitions of nebulae.

#8A2BE2 · #BA55D3 · #EE82EE

Dreamy Contrast

Use #DDA0DD as a light background, #4B0082 for primary text, and #BA55D3 for secondary information or interactive elements.

#DDA0DD · #4B0082 · #BA55D3

CSS variables

:root {
  --cosmic-cloud-dream-1: #4B0082;
  --cosmic-cloud-dream-2: #8A2BE2;
  --cosmic-cloud-dream-3: #BA55D3;
  --cosmic-cloud-dream-4: #EE82EE;
  --cosmic-cloud-dream-5: #DDA0DD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-cloud-dream": {
        1: "#4B0082",
        2: "#8A2BE2",
        3: "#BA55D3",
        4: "#EE82EE",
        5: "#DDA0DD",
      }
    }
  }
}

Hex values

Color 1#4B0082

Color 2#8A2BE2

Color 3#BA55D3

Color 4#EE82EE

Color 5#DDA0DD

Accessibility

Contrast checker

2.2:1Fail

3.3:1AA18

5.6:1AA

6.3:1AA

2.2:1Fail

1.5:1Fail

2.6:1Fail

2.9:1Fail

3.3:1AA18

1.5:1Fail

1.7:1Fail

1.9:1Fail

5.6:1AA

2.6:1Fail

1.7:1Fail

1.1:1Fail

6.3:1AA

2.9:1Fail

1.9:1Fail

1.1:1Fail

Similar palettes

More like Cosmic Cloud Dream

View all cool

Celestial Dreamscape

Desert Sky Starlight

Galactic Stardust Trail

Mystic Celestial Dust

Celestial Oasis Dream

Celestial Shimmer