Back to palettes

Palette

Cosmic Bloom Nebula

Deep space purples give way to a soft, ethereal glow, like distant nebula clouds unfolding in the cosmos.

coolelegant5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cosmic Bloom Nebula 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 Bloom Nebula.

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

Data visualization

#0F0E28#3C2B6A#6D4CA0#A37BCE#DAF0FF

Palette guide

How to use Cosmic Bloom Nebula

Overview

The Cosmic Bloom Nebula palette offers a sophisticated journey from deep space purples to ethereal blues, featuring shades like the profound #0F0E28, the rich #3C2B6A, and the soft, glowing #DAF0FF. This elegant blend captures the essence of distant nebula clouds unfolding in the cosmos, providing a mysterious yet serene aesthetic. Designers can utilize the darker tones for grounding elements and the lighter hues for creating an expansive, airy feel. Developers will find these carefully curated hex codes excellent for crafting immersive digital experiences, from dark mode interfaces to celestial-themed applications, ensuring visual harmony and user engagement across various platforms.

Best used for

  • Luxury tech brand websites or apps
  • Space-themed game UI/UX
  • Elegant event branding and invitations
  • Abstract digital art and motion graphics
  • E-commerce for high-end fashion or jewelry
  • Photography portfolios with a dreamy aesthetic

Suggested color roles

primary

Utilize #3C2B6A as a sophisticated primary, ideal for main navigation, key headings, or defining brand elements.

secondary

Employ #6D4CA0 as a versatile secondary color, suitable for subheadings, active states, or background sections that need depth.

accent

Apply #A37BCE as a luminous accent, perfect for highlights, interactive elements, or small details that require a gentle glow.

background

Use the deep #0F0E28 for a profound, immersive dark background, or #DAF0FF for a very light, ethereal background for contrast.

text

White or a very light gray is highly recommended for text on #0F0E28 or #3C2B6A. Use #0F0E28 for text on #DAF0FF.

Accessibility notes

  • Ensure white text on #0F0E28, #3C2B6A, and #6D4CA0 meets WCAG AA contrast standards for readability.
  • Avoid placing #DAF0FF text on #A37BCE as their contrast may be insufficient for accessibility.
  • The light #DAF0FF provides excellent contrast for darker palette colors like #0F0E28, making it suitable for backgrounds with dark text.
  • For interactive elements, ensure distinct hover/focus states, especially when using lighter shades like #A37BCE.

Recommended combinations

Deep Space Glow

Combine the deep background with a rich middle tone and a glowing highlight for brand logos or hero sections.

#0F0E28 · #3C2B6A · #DAF0FF

Nebula Transition

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

#3C2B6A · #6D4CA0 · #A37BCE

Ethereal Contrast

Use #DAF0FF as a light background with #0F0E28 for primary text and #6D4CA0 for secondary information or links.

#DAF0FF · #0F0E28 · #6D4CA0

CSS variables

:root {
  --cosmic-bloom-nebula-1: #0F0E28;
  --cosmic-bloom-nebula-2: #3C2B6A;
  --cosmic-bloom-nebula-3: #6D4CA0;
  --cosmic-bloom-nebula-4: #A37BCE;
  --cosmic-bloom-nebula-5: #DAF0FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-bloom-nebula": {
        1: "#0F0E28",
        2: "#3C2B6A",
        3: "#6D4CA0",
        4: "#A37BCE",
        5: "#DAF0FF",
      }
    }
  }
}

Related searches

deep space purple paletteethereal blue purple colorsmysterious galaxy color schemeglowing nebula designelegant dark mode colors

Palette colors

Hex values

Color 1#0F0E28
·
Color 2#3C2B6A
·
Color 3#6D4CA0
·
Color 4#A37BCE
·
Color 5#DAF0FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.9:1Fail
5.6:1AA
16.1:1AAA
2
1.6:1Fail
1.8:1Fail
3.6:1AA18
10.2:1AAA
3
2.9:1Fail
1.8:1Fail
2:1Fail
5.6:1AA
4
5.6:1AA
3.6:1AA18
2:1Fail
2.8:1Fail
5
16.1:1AAA
10.2:1AAA
5.6:1AA
2.8:1Fail

Similar palettes

More like Cosmic Bloom Nebula

View all cool
Amethyst Geode Sparkle
Astral Glow Nebula
Celestial Comet Dust
Celestial Echo Nebula
Celestial Nebula Glow
Celestial Nebula Rift