Back to palettes

Palette

Nocturnal Rose Bloom

The mysterious allure of roses blooming under the cover of night, rich with romantic depth.

Darkelegant5 colors
More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Nocturnal Rose 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 Nocturnal Rose Bloom.

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

Data visualization

#8B0000#C7808E#2F4F4F#36454F#A5A3BD

Palette guide

How to use Nocturnal Rose Bloom

Overview

The Nocturnal Rose Bloom palette captures the mysterious allure of roses blooming under the cover of night, blending rich romantic depth with cool, muted tones. This elegant collection features a striking dark red, #8B0000, reminiscent of deep velvet petals, softened by the delicate rose-pink #C7808E. These warm tones are beautifully contrasted by the deep, cool charcoal of #2F4F4F and #36454F, creating a sophisticated balance. A gentle, almost lavender-gray #A5A3BD provides a luminous highlight. This palette is perfect for designers seeking to evoke romance, luxury, and a touch of gothic elegance in fashion, beauty, or upscale branding projects.

Best used for

  • Luxury fashion and beauty brands
  • Romantic event invitations
  • Dark academia aesthetic designs
  • Upscale interior design concepts
  • Elegant website themes (e.g., florists, jewelry)
  • Mysterious narrative-driven content

Suggested color roles

primary

Use #8B0000 as a powerful, luxurious dark red, ideal for impactful headers, call-to-action elements, or dominant brand colors.

secondary

Apply #2F4F4F, a deep, cool charcoal, that provides a sophisticated base for backgrounds, navigation, or strong typography.

accent

Utilize #C7808E, a soft, romantic rose-pink, perfect for subtle highlights, interactive elements, or feminine branding details.

background

Employ #A5A3BD, a light, elegant lavender-gray that can serve as a clean background, offering excellent contrast and a refined feel.

text

Choose #36454F as a strong, readable dark gray for body text on lighter backgrounds. For text on dark red, a very light gray or white is recommended for contrast.

Accessibility notes

  • Ensure #A5A3BD text on #8B0000, #2F4F4F, or #36454F backgrounds has adequate contrast for readability.
  • #C7808E may not have sufficient contrast for small text on #A5A3BD; use for larger text or decorative accents.
  • Avoid using #8B0000 text on #C7808E as the contrast might be too low, impacting legibility.
  • Prioritize readability for all users by checking WCAG contrast guidelines for text and interactive elements.

Recommended combinations

Velvet Night

Dramatic base with a cool secondary and light highlight for elegant, impactful designs and strong contrast.

#8B0000 · #2F4F4F · #A5A3BD

Romantic Whisper

Soft, sophisticated pairing for content areas, blending dark gray with rose and light gray for a gentle feel.

#36454F · #C7808E · #A5A3BD

Gothic Bloom

Powerful primary with a delicate background and a subtle romantic accent for striking visual hierarchy.

#8B0000 · #A5A3BD · #C7808E

CSS variables

:root {
  --nocturnal-rose-bloom-1: #8B0000;
  --nocturnal-rose-bloom-2: #C7808E;
  --nocturnal-rose-bloom-3: #2F4F4F;
  --nocturnal-rose-bloom-4: #36454F;
  --nocturnal-rose-bloom-5: #A5A3BD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "nocturnal-rose-bloom": {
        1: "#8B0000",
        2: "#C7808E",
        3: "#2F4F4F",
        4: "#36454F",
        5: "#A5A3BD",
      }
    }
  }
}

Related searches

dark red gray paletteromantic gothic colorselegant rose charcoal schememysterious floral designluxury dark mode red

Palette colors

Hex values

Color 1#8B0000
·
Color 2#C7808E
·
Color 3#2F4F4F
·
Color 4#36454F
·
Color 5#A5A3BD
·

Accessibility

Contrast checker

1
2
3
4
5
1
3.3:1AA18
1.1:1Fail
1:1Fail
4.1:1AA18
2
3.3:1AA18
2.9:1Fail
3.3:1AA18
1.2:1Fail
3
1.1:1Fail
2.9:1Fail
1.1:1Fail
3.6:1AA18
4
1:1Fail
3.3:1AA18
1.1:1Fail
4:1AA18
5
4.1:1AA18
1.2:1Fail
3.6:1AA18
4:1AA18

Similar palettes

More like Nocturnal Rose Bloom

View all Dark
Midnight Cherry Blossom
Cinema Noir Velvet
Gothic Revival Grandeur
Regal Theatre Curtains
Velvet Evening Gown
Gilded Age Elegance