Back to palettes

Palette

Midnight Orchid Bloom

The deep, enchanting beauty of orchids blooming under the secretive veil of night.

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

#191970#483D8B#6A5ACD#8A2BE2#FF00FF

Palette guide

How to use Midnight Orchid Bloom

Overview

The Midnight Orchid Bloom palette captures the deep, enchanting beauty of orchids under the secretive veil of night. This collection blends rich indigos like #191970 and #483D8B with vibrant purples #6A5ACD, #8A2BE2, culminating in a striking #FF00FF magenta. Designers and developers can leverage this palette to create mysterious, jewel-toned, and elegant experiences. It’s ideal for projects that require a touch of drama, luxury, and a sense of hidden beauty. The powerful contrast between the deep blues/purples and the vivid magenta offers dynamic opportunities for highlighting and visual storytelling within a sophisticated framework.

Best used for

  • Night-themed event branding and promotions
  • Fantasy game user interfaces and concept art
  • Artistic portfolios and digital illustration
  • Luxury product branding with a mystical edge
  • Creative digital art and web design
  • High-end fashion photography backdrops

Suggested color roles

primary

Utilize #191970 as the deep, foundational background, providing a mysterious and stable base.

secondary

Employ #483D8B and #6A5ACD for layered elements, subheadings, or background textures to build rich depth.

accent

Apply #FF00FF for bold calls to action, interactive elements, or key visual highlights to draw immediate attention.

background

Choose #191970 for an immersive, deep blue background that enhances the jewel-like quality of the purples.

text

For readability, use #6A5ACD for headings, and a crisp white or light gray for body text against the darker blues.

Accessibility notes

  • Ensure #FF00FF has sufficient contrast against #191970 and #483D8B for text or interactive elements.
  • The dark blues and purples require light text (e.g., #6A5ACD or white) for optimal readability.
  • Avoid using low-contrast pairings like #483D8B on #191970 for small or critical text.
  • Test color pairings for contrast, especially when using #FF00FF, to avoid visual fatigue or readability issues.

Recommended combinations

Deep Orchid

For layered backgrounds and content blocks, creating a sense of profound depth and elegance.

#191970 · #483D8B · #6A5ACD

Vibrant Bloom

Ideal for a dynamic and energetic presentation, with #FF00FF providing a powerful focal point.

#483D8B · #8A2BE2 · #FF00FF

Mystic Contrast

A dramatic pairing for main content areas, where the magenta offers a striking and memorable highlight.

#191970 · #FF00FF · #6A5ACD

CSS variables

:root {
  --midnight-orchid-bloom-1: #191970;
  --midnight-orchid-bloom-2: #483D8B;
  --midnight-orchid-bloom-3: #6A5ACD;
  --midnight-orchid-bloom-4: #8A2BE2;
  --midnight-orchid-bloom-5: #FF00FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-orchid-bloom": {
        1: "#191970",
        2: "#483D8B",
        3: "#6A5ACD",
        4: "#8A2BE2",
        5: "#FF00FF",
      }
    }
  }
}

Related searches

deep purple blueorchid jewel tonesmysterious color schemevibrant dark palettefantasy ui colors

Palette colors

Hex values

Color 1#191970
·
Color 2#483D8B
·
Color 3#6A5ACD
·
Color 4#8A2BE2
·
Color 5#FF00FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.8:1Fail
2.5:1Fail
4.7:1AA
2
1.6:1Fail
1.7:1Fail
1.5:1Fail
2.9:1Fail
3
2.8:1Fail
1.7:1Fail
1.1:1Fail
1.7:1Fail
4
2.5:1Fail
1.5:1Fail
1.1:1Fail
1.9:1Fail
5
4.7:1AA
2.9:1Fail
1.7:1Fail
1.9:1Fail

Similar palettes

More like Midnight Orchid Bloom

View all dark
Midnight Bloom Velvet
Nocturne Bloom Velvet
Twilight Orchid Hue
Amethyst Veil Mystique
Cathedral Stained Glass
Celestial Aura Bloom