Back to palettes

Palette

Midnight Celestial Bloom

Deep indigos and cosmic purples interspersed with lighter blues, like nocturnal flowers 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 Celestial 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 Celestial Bloom.

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

Data visualization

#191970#4169E1#B0C4DE#4B0082#800080

Palette guide

How to use Midnight Celestial Bloom

Overview

The "Midnight Celestial Bloom" palette unveils a sophisticated blend of deep indigos and cosmic purples, reminiscent of nocturnal flowers under a starlit sky. Anchored by the profound #191970 and the regal #4B0082, it introduces the vibrant contrast of #4169E1 and the elegant lightness of #B0C4DE, with a touch of mysterious #800080. This palette is ideal for designers seeking to convey elegance, mystery, and a touch of the ethereal. Developers can leverage its rich depths and luminous accents to craft immersive dark mode experiences, luxurious branding, or captivating digital art that feels both grand and intimate.

Best used for

  • Elegant event invitations and websites
  • Luxury fashion or beauty brands
  • Mystical or fantasy themed content
  • High-end digital portfolios
  • Branding for creative agencies
  • Dark mode interfaces with a regal touch

Suggested color roles

primary

#191970 – A deep indigo that serves as an excellent base for backgrounds, headers, or large content blocks, establishing a profound depth.

secondary

#4B0082 – A rich, dark purple, perfect for accentuating sections, navigation, or footer elements, adding a touch of regality.

accent

#4169E1 – Use this vibrant royal blue for calls to action, important links, or focal points, providing a striking contrast.

background

#191970 or #4B0082 for a dark, elegant canvas. #B0C4DE can be used for light, airy sections or content cards.

text

#B0C4DE or white for main body text on dark backgrounds like #191970 or #4B0082. Use #191970 for text on #B0C4DE.

Accessibility notes

  • Ensure strong contrast between #191970 or #4B0082 and #B0C4DE for all critical text and UI elements.
  • The vibrant #4169E1 on dark backgrounds offers good contrast, but check its readability on #800080.
  • Avoid using #4B0082 and #800080 for small text together, as their subtle differences might hinder legibility.
  • For interactive elements, provide clear hover and focus states using a distinct color like #4169E1.

Recommended combinations

Royal Night

A classic dark mode scheme with deep indigo background, light text, and vibrant blue accents for interactivity.

#191970 · #B0C4DE · #4169E1

Mystic Glow

Creates a rich, layered effect for headers or hero sections, with purple tones and a soft, luminous highlight.

#4B0082 · #800080 · #B0C4DE

Starlit Elegance

Ideal for branding, using the deep colors for primary elements and the bright blue for a memorable focal point.

#191970 · #4B0082 · #4169E1

CSS variables

:root {
  --midnight-celestial-bloom-1: #191970;
  --midnight-celestial-bloom-2: #4169E1;
  --midnight-celestial-bloom-3: #B0C4DE;
  --midnight-celestial-bloom-4: #4B0082;
  --midnight-celestial-bloom-5: #800080;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-celestial-bloom": {
        1: "#191970",
        2: "#4169E1",
        3: "#B0C4DE",
        4: "#4B0082",
        5: "#800080",
      }
    }
  }
}

Related searches

elegant purple blue paletteindigo royal blue colorsdark celestial themeluxury night sky colorssophisticated purple branding

Palette colors

Hex values

Color 1#191970
·
Color 2#4169E1
·
Color 3#B0C4DE
·
Color 4#4B0082
·
Color 5#800080
·

Accessibility

Contrast checker

1
2
3
4
5
1
3.1:1AA18
8.3:1AAA
1.1:1Fail
1.6:1Fail
2
3.1:1AA18
2.7:1Fail
2.7:1Fail
1.9:1Fail
3
8.3:1AAA
2.7:1Fail
7.3:1AAA
5.3:1AA
4
1.1:1Fail
2.7:1Fail
7.3:1AAA
1.4:1Fail
5
1.6:1Fail
1.9:1Fail
5.3:1AA
1.4:1Fail

Similar palettes

More like Midnight Celestial Bloom

View all dark
Cosmic Stardust Haze
Deep Indigo Inkwell
Gala Night Velvet
Galactic Starlight Veil
Midnight Horizon Gleam
Midnight Iris Bloom