Back to palettes

Palette

Cosmic Dreamscape Dust

A deep, enigmatic palette inspired by the distant, swirling colors of a celestial dreamscape.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cosmic Dreamscape Dust 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 Dreamscape Dust.

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

Data visualization

#191970#483D8B#6A5ACD#8A2BE2#2B007C

Palette guide

How to use Cosmic Dreamscape Dust

Overview

The Cosmic Dreamscape Dust palette is a deep, enigmatic collection inspired by the distant, swirling colors of a celestial dreamscape. Featuring profound shades like #191970, the rich #483D8B, and the vibrant #8A2BE2, this collection offers a dark, mystical, and deeply engaging aesthetic. Designers can leverage the strong contrast between the deep blues and purples to create striking visual hierarchies. Developers will find these hex codes ideal for crafting immersive digital experiences, from sophisticated dark mode interfaces to evocative website themes, ensuring a visually rich and engaging user journey that conveys depth and cosmic wonder across various digital platforms.

Best used for

  • Luxury dark mode UI/UX design
  • Mystical or fantasy game interfaces
  • High-end event or brand identity
  • Digital art with deep space themes
  • E-commerce for unique artisanal products
  • Fashion editorial layouts with an elegant, dark edge

Suggested color roles

primary

Designate #191970 as a profound primary, ideal for main backgrounds, commanding headers, or foundational brand elements.

secondary

Utilize #483D8B as a rich secondary, excellent for subheadings, navigation, or larger background sections to add depth.

accent

Apply #8A2BE2 as a vibrant accent, perfect for interactive elements, icons, or highlights that need to draw attention.

background

The deep #2B007C provides an immersive dark canvas. Alternatively, #6A5ACD can serve as a slightly lighter dark background.

text

White or a very light gray provides excellent contrast on #191970, #483D8B, and #6A5ACD. Use white text for #8A2BE2.

Accessibility notes

  • Ensure white text on #191970, #483D8B, and #2B007C meets WCAG AA contrast standards for readability.
  • Avoid pairing #6A5ACD and #8A2BE2 for small text due to their close values and potential low contrast; reserve for larger graphics.
  • The vibrant #8A2BE2 provides excellent contrast against the darker shades for calls-to-action.
  • For body text, ensure a strong contrast against any background, defaulting to white on darks or black on very light backgrounds (if applicable).

Recommended combinations

Celestial Depths

Combine the deepest shades for a profound background with a vibrant purple for striking text or key UI elements.

#2B007C · #191970 · #8A2BE2

Dreamscape Flow

Create smooth gradients or layered effects in UI design, mimicking the atmospheric transition of a cosmic dreamscape.

#191970 · #483D8B · #6A5ACD

Mystic Accent

Use #2B007C as a dark background, #8A2BE2 for primary highlights, and #483D8B for secondary information or interactive elements.

#2B007C · #8A2BE2 · #483D8B

CSS variables

:root {
  --cosmic-dreamscape-dust-1: #191970;
  --cosmic-dreamscape-dust-2: #483D8B;
  --cosmic-dreamscape-dust-3: #6A5ACD;
  --cosmic-dreamscape-dust-4: #8A2BE2;
  --cosmic-dreamscape-dust-5: #2B007C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-dreamscape-dust": {
        1: "#191970",
        2: "#483D8B",
        3: "#6A5ACD",
        4: "#8A2BE2",
        5: "#2B007C",
      }
    }
  }
}

Related searches

deep space purple blue palettemystical cosmic design colorsdark dreamscape schemevibrant purple UI colorselegant dark mode branding

Palette colors

Hex values

Color 1#191970
·
Color 2#483D8B
·
Color 3#6A5ACD
·
Color 4#8A2BE2
·
Color 5#2B007C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.8:1Fail
2.5:1Fail
1:1Fail
2
1.6:1Fail
1.7:1Fail
1.5:1Fail
1.7:1Fail
3
2.8:1Fail
1.7:1Fail
1.1:1Fail
2.8:1Fail
4
2.5:1Fail
1.5:1Fail
1.1:1Fail
2.5:1Fail
5
1:1Fail
1.7:1Fail
2.8:1Fail
2.5:1Fail

Similar palettes

More like Cosmic Dreamscape Dust

View all dark
Celestial Shimmer Glow
Deep Space Plumage
Astral Dust Whisper
Celestial Lanterns
Cosmic Drift Dust
Cosmic Dust Glow