Palette

Nocturnal Flower Glow

Deep, velvety tones that capture the allure of flowers blooming under the mysterious glow of moonlight.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Nocturnal Flower Glow 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 Nocturnal Flower Glow.

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

Data visualization

#191970#4B0082#800080#C71585#FFB6C1

Palette guide

How to use Nocturnal Flower Glow

Overview

The "Nocturnal Flower Glow" palette masterfully captures the mystery and elegance of a garden bathed in moonlight, presenting a sophisticated array of deep, velvety tones. This dramatic collection features a profound midnight blue (`#191970`), a striking dark indigo (`#4B0082`), and a regal purple (`#800080`), beautifully contrasted by a vibrant raspberry pink (`#C71585`) and a delicate light pink (`#FFB6C1`). Designers and developers can leverage this palette to craft luxurious, moody, and enchanting digital or physical experiences. Its inherent depth makes it ideal for projects demanding a sense of drama, sophistication, and a touch of romantic allure, perfect for high-end branding or artistic endeavors.

Best used for

Luxury brand identity and packaging
High-end event invitations and decor
Artistic or photography portfolio websites
Fashion and beauty product design
Dramatic digital art and illustrations
Elegant user interfaces for niche apps

Suggested color roles

primary

#191970 (Deep Midnight Blue) - Establishes a profound, stable base, perfect for large backgrounds, primary containers, or a brand's core identity.

secondary

#4B0082 (Dark Indigo) - A rich supporting hue for secondary sections, navigation elements, or subtle gradients that add depth without overpowering the primary.

accent

#C71585 (Dramatic Raspberry Pink) - Use this vibrant, captivating shade for calls-to-action, interactive elements, or key focal points that demand immediate attention.

background

#191970 (Deep Midnight Blue) - Creates a luxurious, immersive backdrop, allowing lighter elements to truly pop and enhancing the palette's dramatic appeal.

text

#FFB6C1 (Light Pink) - Ideal for headings, subheadings, or highlight text on dark backgrounds. For body copy, consider a near-white or light grey for optimal readability on `#191970`.

Accessibility notes

Ensure sufficient contrast (AA or AAA) when using `#FFB6C1` or other light colors for text on dark backgrounds like `#191970` or `#4B0082`.
Reserve `#C71585` and `#FFB6C1` for larger text or interactive elements to maximize legibility against the darker shades.
Avoid placing `#800080` on `#4B0082` for text, as their similar value might lead to poor contrast and readability.
Utilize contrast checker tools to verify all text and interactive element color combinations meet WCAG guidelines, especially for smaller font sizes.

Recommended combinations

Midnight Bloom

Ideal for striking headers, hero sections, or call-to-action buttons where deep contrast and a touch of delicate vibrancy are desired.

#191970 · #C71585 · #FFB6C1

Royal Twilight

Excellent for creating subtle gradients, background textures, or elegant data visualizations where a harmonious flow of royal purples is needed.

#4B0082 · #800080 · #FFB6C1

Dramatic Depth

A powerful trio for brand logos, premium product showcases, or UI elements that require a sophisticated and impactful visual presence.

#191970 · #4B0082 · #C71585

CSS variables

:root {
  --nocturnal-flower-glow-1: #191970;
  --nocturnal-flower-glow-2: #4B0082;
  --nocturnal-flower-glow-3: #800080;
  --nocturnal-flower-glow-4: #C71585;
  --nocturnal-flower-glow-5: #FFB6C1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "nocturnal-flower-glow": {
        1: "#191970",
        2: "#4B0082",
        3: "#800080",
        4: "#C71585",
        5: "#FFB6C1",
      }
    }
  }
}

Hex values

Color 1#191970

Color 2#4B0082

Color 3#800080

Color 4#C71585

Color 5#FFB6C1

Accessibility

Contrast checker

1.1:1Fail

1.6:1Fail

2.7:1Fail

9:1AAA

1.1:1Fail

1.4:1Fail

2.4:1Fail

7.8:1AAA

1.6:1Fail

1.4:1Fail

1.7:1Fail

5.7:1AA

2.7:1Fail

2.4:1Fail

1.7:1Fail

3.3:1AA18

9:1AAA

7.8:1AAA

5.7:1AA

3.3:1AA18

Similar palettes

More like Nocturnal Flower Glow