Palette

Midnight Stardust Bloom

A magical and ethereal palette inspired by celestial flowers blooming under a starlit sky.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Midnight Stardust Bloom 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 Midnight Stardust Bloom.

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

Data visualization

#2D2E4A#533777#948FB7#1E6C75#AAA1D7

Palette guide

How to use Midnight Stardust Bloom

Overview

The Midnight Stardust Bloom palette offers a magical and ethereal blend of deep purples, a striking muted teal, and soft lavenders. Anchored by #2D2E4A, it features the rich #533777, the calming #948FB7, and the luminous #AAA1D7, with a vibrant accent of #1E6C75. This unique collection is perfect for designers and developers crafting artistic, bohemian, or mystical aesthetics. Its jewel-toned quality evokes celestial flowers blooming under a starlit sky, making it ideal for creative branding, elegant fashion, and digital art that seeks to convey wonder and sophistication with a touch of the otherworldly.

Best used for

Artistic branding and creative agencies
Bohemian or spiritual themed websites
Elegant fashion and beauty product design
Mystic-themed digital art and illustrations
High-end event branding
Unique personal portfolios

Suggested color roles

primary

Utilize #2D2E4A as the foundational deep purple, providing a rich, mysterious base for your design.

secondary

Employ #533777 for main content areas or section backgrounds, offering a harmonious mid-tone purple.

accent

Reserve #1E6C75 for a striking contrast, ideal for calls-to-action, key icons, or decorative elements that need to pop.

background

The deep #2D2E4A or #533777 creates an immersive and sophisticated backdrop for creative content.

text

For primary text on dark backgrounds, #AAA1D7 ensures excellent readability. For subheadings, #948FB7 provides a soft, elegant choice.

Accessibility notes

Ensure #AAA1D7 text on #2D2E4A or #533777 meets WCAG AA contrast standards for body text.
The #1E6C75 accent provides good contrast against #2D2E4A or #533777 for interactive elements.
Avoid using #948FB7 on #533777 for small text, as the contrast might be borderline.
If using lighter backgrounds, a dark text color like #2D2E4A or #533777 is recommended.

Recommended combinations

Mystic Bloom

Ideal for overall website themes, combining a deep purple base with a rich mid-tone and a luminous, readable accent.

#2D2E4A · #533777 · #AAA1D7

Teal Contrast

Perfect for creating impactful call-to-action sections or feature blocks where the teal needs to stand out.

#2D2E4A · #1E6C75 · #AAA1D7

Soft Glow

Use for subtle layered effects in UI, card backgrounds, or secondary content sections to add gentle visual separation.

#533777 · #948FB7 · #AAA1D7

CSS variables

:root {
  --midnight-stardust-bloom-1: #2D2E4A;
  --midnight-stardust-bloom-2: #533777;
  --midnight-stardust-bloom-3: #948FB7;
  --midnight-stardust-bloom-4: #1E6C75;
  --midnight-stardust-bloom-5: #AAA1D7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-stardust-bloom": {
        1: "#2D2E4A",
        2: "#533777",
        3: "#948FB7",
        4: "#1E6C75",
        5: "#AAA1D7",
      }
    }
  }
}

Hex values

Color 1#2D2E4A

Color 2#533777

Color 3#948FB7

Color 4#1E6C75

Color 5#AAA1D7

Accessibility

Contrast checker

1.4:1Fail

4.3:1AA18

2.2:1Fail

5.5:1AA

1.4:1Fail

3.2:1AA18

1.6:1Fail

4:1AA18

4.3:1AA18

3.2:1AA18

2:1Fail

1.3:1Fail

2.2:1Fail

1.6:1Fail

2:1Fail

2.5:1Fail

5.5:1AA

4:1AA18

1.3:1Fail

2.5:1Fail

Similar palettes

More like Midnight Stardust Bloom

View all dark

Celestial Aura Bloom

Cosmic Stardust Haze

Starry Night Wanderer

Amethyst Veil Mystique

Celestial Dust Trail

Celestial Whisper Nebula