Back to palettes

Palette

Midnight Orchid Bloom

Luxurious purples and magentas, reflecting the mysterious and opulent beauty of an orchid blooming at midnight.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2B0530#5B0E64#8E299A#BF4DB0#E493DD

Palette guide

How to use Midnight Orchid Bloom

Overview

The Midnight Orchid Bloom palette is a luxurious gradient of purples, beautifully capturing the mysterious and opulent transformation of an orchid blooming at midnight. From the deep #2B0530 to the vibrant #5B0E64, #8E299A, #BF4DB0, and the delicate #E493DD, this palette offers designers and developers a rich, elegant spectrum. It's perfect for projects demanding a sophisticated, feminine, or high-end aesthetic, where the seamless progression from dark to light creates a sense of growth and allure. This collection allows for intricate layering and stunning visual narratives, evoking luxury and natural beauty in equal measure.

Best used for

  • Luxury beauty and cosmetic brand packaging
  • Wedding and event invitations with a regal theme
  • High-end fashion editorial and e-commerce
  • Feminine product design and branding
  • Elegant UI/UX for lifestyle applications
  • Art and craft blogs with a sophisticated aesthetic

Suggested color roles

primary

Designate #2B0530 as the deep, foundational background, providing an opulent and stable base.

secondary

Utilize #5B0E64 and #8E299A for layered elements, subheadings, or background patterns to build rich depth.

accent

Apply #E493DD as a soft, delicate highlight for calls to action, important information, or subtle decorative elements.

background

Choose #2B0530 for an immersive, luxurious dark background that enhances the elegance of the palette.

text

For optimal readability, use #E493DD or a clean white/light gray for body text and headings against the darker purples.

Accessibility notes

  • Ensure sufficient contrast for text on #2B0530 and #5B0E64; use lighter palette colors or white.
  • Use #E493DD for key interactive elements to ensure they stand out clearly against darker backgrounds.
  • Avoid using mid-range colors like #8E299A on #5B0E64 for small text due to potential low contrast.
  • Test legibility across various screen types and lighting conditions to maintain visual appeal and function.

Recommended combinations

Bloom Gradient

For smooth, elegant transitions in backgrounds or large graphical elements, reflecting growth.

#2B0530 · #5B0E64 · #8E299A

Petal Softness

Ideal for creating a lighter, airy feel in content blocks or decorative overlays.

#8E299A · #BF4DB0 · #E493DD

Elegant Depth

A balanced combination for main content areas, with #E493DD offering clear readability and delicate flair.

#2B0530 · #E493DD · #5B0E64

CSS variables

:root {
  --midnight-orchid-bloom-3-1: #2B0530;
  --midnight-orchid-bloom-3-2: #5B0E64;
  --midnight-orchid-bloom-3-3: #8E299A;
  --midnight-orchid-bloom-3-4: #BF4DB0;
  --midnight-orchid-bloom-3-5: #E493DD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-orchid-bloom-3": {
        1: "#2B0530",
        2: "#5B0E64",
        3: "#8E299A",
        4: "#BF4DB0",
        5: "#E493DD",
      }
    }
  }
}

Related searches

purple gradient paletteorchid color schemeelegant feminine colorsdark to light purpleluxury floral design

Palette colors

Hex values

Color 1#2B0530
·
Color 2#5B0E64
·
Color 3#8E299A
·
Color 4#BF4DB0
·
Color 5#E493DD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.5:1Fail
4.2:1AA18
8.2:1AAA
2
1.4:1Fail
1.7:1Fail
2.9:1Fail
5.6:1AA
3
2.5:1Fail
1.7:1Fail
1.7:1Fail
3.2:1AA18
4
4.2:1AA18
2.9:1Fail
1.7:1Fail
1.9:1Fail
5
8.2:1AAA
5.6:1AA
3.2:1AA18
1.9:1Fail

Similar palettes

More like Midnight Orchid Bloom

View all dark
Midnight Iris Bloom
Nocturne Bloom Velvet
Regal Orchid Bloom
Whispering Orchid Veil
Amethyst Veil Mystique
Baroque Velvet Plum