Back to palettes

Palette

Galactic Dreamscape

A celestial journey through deep purples and shimmering violets, reminiscent of distant nebulae.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2F2A56#4C3C8F#8F6BCA#BF9CFF#E0C7FF

Palette guide

How to use Galactic Dreamscape

Overview

The Galactic Dreamscape palette takes you on a celestial journey through deep purples and shimmering violets, reminiscent of distant nebulae. It features the profound #2F2A56, the rich #4C3C8F, the luminous #8F6BCA, the bright #BF9CFF, and the ethereal #E0C7FF. This palette is incredibly useful for designers and developers aiming to craft imaginative, elegant, and serene digital experiences. Its harmonious progression from deep darks to soft lights creates a sophisticated gradient, making it ideal for luxury branding, fantasy game environments, or any project that seeks to evoke a sense of calm wonder and refined cosmic beauty in its visual storytelling.

Best used for

  • Imaginative web designs and digital portfolios
  • Elegant branding for luxury goods or services
  • Fantasy game environments and character design
  • Artistic digital presentations and mood boards
  • Serene mobile apps for meditation or journaling
  • Sophisticated product packaging and visual merchandising

Suggested color roles

primary

Utilize #4C3C8F as the main, rich violet for large content areas or primary navigation, providing a sophisticated and stable base.

secondary

Employ #8F6BCA for sub-headings, interactive elements, or graphical layers, offering a luminous and engaging mid-tone.

accent

Apply #BF9CFF as a bright, ethereal highlight for calls to action, hover states, or delicate UI components that need to glow.

background

Choose #2F2A56 as the deepest background color, establishing an atmospheric and profound base for the entire design.

text

Recommend #E0C7FF for primary body text and labels, ensuring soft yet clear readability and a luminous appearance on dark backgrounds.

Accessibility notes

  • Ensure #E0C7FF text has good contrast on #2F2A56 and #4C3C8F backgrounds for optimal readability.
  • When using #BF9CFF for text, ensure it's on a sufficiently dark background and used for larger elements.
  • Avoid using #2F2A56 or #4C3C8F as text on similar dark tones due to potential contrast issues.
  • Test all color pairings for UI elements to ensure functionality for users with visual impairments.

Recommended combinations

Deep Violet

Creates a profound, layered dark background with a gradual transition of rich purples.

#2F2A56 · #4C3C8F · #8F6BCA

Shimmering Nebula

Ideal for showcasing content blocks with a luminous, progressively lighter violet accent.

#4C3C8F · #8F6BCA · #BF9CFF

Ethereal Light

Excellent for primary text and luminous accents, providing clear visibility on a deep canvas.

#2F2A56 · #E0C7FF · #BF9CFF

CSS variables

:root {
  --galactic-dreamscape-1: #2F2A56;
  --galactic-dreamscape-2: #4C3C8F;
  --galactic-dreamscape-3: #8F6BCA;
  --galactic-dreamscape-4: #BF9CFF;
  --galactic-dreamscape-5: #E0C7FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-dreamscape": {
        1: "#2F2A56",
        2: "#4C3C8F",
        3: "#8F6BCA",
        4: "#BF9CFF",
        5: "#E0C7FF",
      }
    }
  }
}

Related searches

violet galaxy palettedreamscape colorsethereal purple schemesophisticated space designlight purple dark mode

Palette colors

Hex values

Color 1#2F2A56
·
Color 2#4C3C8F
·
Color 3#8F6BCA
·
Color 4#BF9CFF
·
Color 5#E0C7FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
3.2:1AA18
5.9:1AA
8.7:1AAA
2
1.5:1Fail
2.2:1Fail
4:1AA18
5.9:1AA
3
3.2:1AA18
2.2:1Fail
1.8:1Fail
2.7:1Fail
4
5.9:1AA
4:1AA18
1.8:1Fail
1.5:1Fail
5
8.7:1AAA
5.9:1AA
2.7:1Fail
1.5:1Fail

Similar palettes

More like Galactic Dreamscape

View all vibrant