Back to palettes

Palette

Midnight Rose Velvet

Deep, rich hues evoking the luxurious and mysterious feel of a midnight velvet rose.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#36012F#5D0C3C#7B1F4A#A62C64#C14F77

Palette guide

How to use Midnight Rose Velvet

Overview

The Midnight Rose Velvet palette offers a rich and luxurious array of deep berry and rose tones, from a mysterious dark plum to a vibrant rose pink. Featuring #36012F, #5D0C3C, #7B1F4A, #A62C64, and #C14F77, this collection evokes the opulent feel of velvet and the romance of a midnight rose. It's genuinely useful for designers and developers aiming to create elegant, sophisticated, and slightly gothic visual experiences, perfect for projects requiring depth, warmth, and a touch of dramatic allure.

Best used for

  • Romantic branding and luxury cosmetics
  • High-end fashion editorials and lookbooks
  • Elegant event decor and wedding themes
  • Gothic-inspired designs and art projects
  • Digital art and illustration with deep tones
  • Feminine yet sophisticated web interfaces

Suggested color roles

primary

Use #36012F (deepest plum) as the anchoring color for a mysterious, luxurious foundation.

secondary

Employ #5D0C3C (rich velvety mid-tone) for supporting sections or layered graphic elements.

accent

Apply #C14F77 (vibrant rose) for captivating calls-to-action, highlights, or decorative details.

background

Utilize #36012F for a sumptuous, dark canvas, enhancing the richness of other colors.

text

For readability, use #C14F77 or a light pink/off-white on darker backgrounds.

Accessibility notes

  • The lightest shade, #C14F77, can work for text on #36012F, but verify contrast carefully for WCAG compliance.
  • Avoid using adjacent shades like #7B1F4A on #5D0C3C for text due to likely insufficient contrast.
  • For optimal readability, especially for body text, consider a very light pink or white on the darkest backgrounds.
  • Ensure interactive elements are clearly distinguishable, perhaps with a subtle border or hover effect.

Recommended combinations

Romantic Depth

For striking headlines or hero sections, combining a deep base with bright and balanced rose tones.

#36012F · #C14F77 · #7B1F4A

Velvet Bloom

Creating a graceful, warm progression for visual narratives or layered designs.

#5D0C3C · #A62C64 · #C14F77

Elegant Contrast

Achieving a strong and sophisticated visual impact for branding or key information.

#36012F · #A62C64 · #C14F77

CSS variables

:root {
  --midnight-rose-velvet-1: #36012F;
  --midnight-rose-velvet-2: #5D0C3C;
  --midnight-rose-velvet-3: #7B1F4A;
  --midnight-rose-velvet-4: #A62C64;
  --midnight-rose-velvet-5: #C14F77;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-rose-velvet": {
        1: "#36012F",
        2: "#5D0C3C",
        3: "#7B1F4A",
        4: "#A62C64",
        5: "#C14F77",
      }
    }
  }
}

Related searches

deep rose palettevelvet pink colorsgothic romance aestheticelegant berry brandingdark floral design

Palette colors

Hex values

Color 1#36012F
·
Color 2#5D0C3C
·
Color 3#7B1F4A
·
Color 4#A62C64
·
Color 5#C14F77
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.8:1Fail
2.6:1Fail
3.9:1AA18
2
1.3:1Fail
1.3:1Fail
2:1Fail
2.9:1Fail
3
1.8:1Fail
1.3:1Fail
1.5:1Fail
2.2:1Fail
4
2.6:1Fail
2:1Fail
1.5:1Fail
1.5:1Fail
5
3.9:1AA18
2.9:1Fail
2.2:1Fail
1.5:1Fail

Similar palettes

More like Midnight Rose Velvet

View all dark
Gothic Rose Window
Amethyst Veil Mystique
Baroque Velvet Plum
Blackberry Bramble Luxe
Cathedral Stained Glass
Cosmic Bloom