Back to palettes

Palette

Cosmic Berry Nebula

A celestial journey through deep purples and radiant pinks, inspired by distant berry-hued nebulae.

VibrantElegant5 colors
More Vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2A0A3A#5D2F6D#9B4D7D#E67FA6#FFC0CB

Palette guide

How to use Cosmic Berry Nebula

Overview

The Cosmic Berry Nebula palette takes you on a celestial journey through deep purples and radiant pinks, inspired by distant berry-hued nebulae. It transitions from a profound Dark Purple #2A0A3A and a rich #5D2F6D, through a warm #9B4D7D, to lighter, ethereal tones like #E67FA6 and a soft Pink #FFC0CB. This elegant and vibrant palette is perfect for designs that aim to evoke mystery, femininity, and a touch of fantasy. It's ideal for luxury branding, creative illustrations, or digital interfaces that require a sense of depth and sophisticated charm.

Best used for

  • Luxury cosmetic branding
  • Fantasy romance book covers
  • Elegant website designs
  • Fashion or jewelry marketing
  • Digital art with a dreamy aesthetic
  • Event invitations (galas, upscale parties)

Suggested color roles

primary

Use Dark Purple #2A0A3A for foundational backgrounds, providing a deep, stable, and mysterious base.

secondary

#5D2F6D can be used for sub-sections or containers, offering a subtle variation in darkness.

accent

Pink #FFC0CB provides a light, ethereal highlight for important details or interactive elements, mimicking distant starlight.

background

Dark Purple #2A0A3A or #5D2F6D for a rich, dark, and sophisticated base.

text

White or a very light cream provides optimal readability against the darker colors.

Accessibility notes

  • Pink #FFC0CB is the lightest color; it will require dark text if used as a background for text.
  • The darker colors (#2A0A3A, #5D2F6D, #9B4D7D) provide excellent contrast with white or very light text.
  • Ensure sufficient contrast for any text placed on #E67FA6.
  • Always verify contrast ratios for all text and interactive elements.

Recommended combinations

Nebula Depths

Ideal for foundational elements, dark backgrounds, or creating a sense of profound depth.

#2A0A3A · #5D2F6D · #9B4D7D

Berry Glow

Excellent for highlights, interactive elements, or text that needs to stand out against darkness.

#FFC0CB · #E67FA6 · #9B4D7D

Cosmic Gradient

Use for creating smooth transitions, overlays, or subtle depth in UI elements.

#5D2F6D · #9B4D7D · #E67FA6

CSS variables

:root {
  --cosmic-berry-nebula-1: #2A0A3A;
  --cosmic-berry-nebula-2: #5D2F6D;
  --cosmic-berry-nebula-3: #9B4D7D;
  --cosmic-berry-nebula-4: #E67FA6;
  --cosmic-berry-nebula-5: #FFC0CB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-berry-nebula": {
        1: "#2A0A3A",
        2: "#5D2F6D",
        3: "#9B4D7D",
        4: "#E67FA6",
        5: "#FFC0CB",
      }
    }
  }
}

Related searches

cosmic purple pink paletteberry nebula colorselegant fantasy schemeluxury dark pink designdreamy space aesthetic

Palette colors

Hex values

Color 1#2A0A3A
·
Color 2#5D2F6D
·
Color 3#9B4D7D
·
Color 4#E67FA6
·
Color 5#FFC0CB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.1:1AA18
6.6:1AA
11.4:1AAA
2
1.7:1Fail
1.8:1Fail
3.8:1AA18
6.5:1AA
3
3.1:1AA18
1.8:1Fail
2.1:1Fail
3.6:1AA18
4
6.6:1AA
3.8:1AA18
2.1:1Fail
1.7:1Fail
5
11.4:1AAA
6.5:1AA
3.6:1AA18
1.7:1Fail

Similar palettes

More like Cosmic Berry Nebula

View all Vibrant