Palette

Midnight Orchid Velvet

Deep, mysterious blues and purples, like a rare orchid blooming in the darkest velvet of a midnight garden.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#191970#483D8B#6A5ACD#836FFF#E6E6FA

Palette guide

How to use Midnight Orchid Velvet

Overview

The Midnight Orchid Velvet palette presents a sophisticated blend of deep indigo and soft lavender, capturing the essence of a rare orchid blooming in a dark, luxurious garden. Featuring #191970, #483D8B, #6A5ACD, #836FFF, and #E6E6FA, this collection offers a rich spectrum for elegant design. It moves from profound, velvety blues to luminous, ethereal purples, making it an excellent choice for projects requiring a touch of refined mystery and serene beauty in their visual language.

Best used for

High-end fashion and beauty websites
Sophisticated brand identity development
Interior design mood boards
Luxury wedding invitations and stationery
Premium digital interfaces and apps
Art exhibition and gallery promotions

Suggested color roles

primary

Utilize #191970 (deep indigo) as the foundational color for a strong, velvety presence.

secondary

Employ #483D8B (rich muted purple-blue) for supporting sections or detailed graphics.

accent

Apply #836FFF (vibrant luminous purple) for interactive elements, highlights, or calls-to-action.

background

Use #191970 for a dark, luxurious background, providing depth and contrast.

text

For optimal readability, use #E6E6FA (light lavender-gray) for primary text on dark backgrounds.

Accessibility notes

The light #E6E6FA offers excellent contrast against the darkest blues and purples (#191970, #483D8B).
Avoid using mid-tones like #6A5ACD or #836FFF for small text on similar backgrounds without verification.
Ensure interactive elements using #836FFF are clearly distinguishable from surrounding colors.
For maximum readability, reserve #E6E6FA for primary body text against the deepest palette colors.

Recommended combinations

Velvet Depth

A classic, high-contrast combination for elegant branding or sophisticated layouts.

#191970 · #483D8B · #E6E6FA

Luminous Touch

Creating a striking visual with a deep base, bright accent, and light, readable text.

#191970 · #836FFF · #E6E6FA

Soft Transition

For gentle, flowing backgrounds or gradients that maintain an elegant blend.

#483D8B · #6A5ACD · #E6E6FA

CSS variables

:root {
  --midnight-orchid-velvet-1: #191970;
  --midnight-orchid-velvet-2: #483D8B;
  --midnight-orchid-velvet-3: #6A5ACD;
  --midnight-orchid-velvet-4: #836FFF;
  --midnight-orchid-velvet-5: #E6E6FA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-orchid-velvet": {
        1: "#191970",
        2: "#483D8B",
        3: "#6A5ACD",
        4: "#836FFF",
        5: "#E6E6FA",
      }
    }
  }
}

Hex values

Color 1#191970

Color 2#483D8B

Color 3#6A5ACD

Color 4#836FFF

Color 5#E6E6FA

Accessibility

Contrast checker

1.6:1Fail

2.8:1Fail

4:1AA18

12.1:1AAA

1.6:1Fail

1.7:1Fail

2.5:1Fail

7.4:1AAA

2.8:1Fail

1.7:1Fail

1.4:1Fail

4.3:1AA18

4:1AA18

2.5:1Fail

1.4:1Fail

3:1AA18

12.1:1AAA

7.4:1AAA

4.3:1AA18

3:1AA18

Similar palettes

More like Midnight Orchid Velvet

View all dark

Gala Night Velvet

Midnight Celestial Bloom

Midnight Orchid Bloom

Midnight Orchid Veil

Midnight Velvet Bloom

Nocturne Bloom Velvet