Back to palettes

Palette

Black Rose Bloom

The enigmatic beauty of a black rose, unfurling its velvety petals in mysterious twilight.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#36222F#5D3E4F#1A101C#7A5B6F#2A1826

Palette guide

How to use Black Rose Bloom

Overview

The Black Rose Bloom palette captures the enigmatic beauty of a black rose, unfurling its velvety petals in mysterious twilight. This dark and elegant collection features deep, sophisticated purplish-browns like #1A101C, #2A1826, #36222F, #5D3E4F, and #7A5B6F. It's an exceptional choice for designers seeking to evoke mystery, gothic romance, or understated luxury. The subtle variations in tone create a rich, layered aesthetic that feels both profound and delicate, ideal for projects that require a sophisticated, moody, and deeply aesthetic visual language.

Best used for

  • Luxury branding and high-end fashion
  • Gothic aesthetic designs and art
  • Mysterious website themes and intros
  • Evening wear and formal attire collections
  • Sophisticated digital art and illustrations
  • Dark romance literature covers

Suggested color roles

primary

Use #1A101C as the deepest, foundational dark for backgrounds or large containers, establishing an elegant, mysterious ambiance.

secondary

Employ #36222F for main content blocks or panels, offering a rich, dark purple-brown that adds depth without being absolute black.

accent

Apply #7A5B6F for subtle, velvety highlights, delicate typography, or decorative elements, providing a soft, luxurious touch.

background

Choose #1A101C or #2A1826 for a truly dark and luxurious feel, enhancing the sophisticated mood.

text

For optimal readability on dark backgrounds, use a very light grey or crisp white. #7A5B6F can be used for larger headings or decorative text.

Accessibility notes

  • Crucially, ensure all text has sufficient contrast against these dark, low-luminosity backgrounds; light text is essential.
  • Avoid using mid-tones such as #5D3E4F for small text on similar values like #36222F to prevent readability issues.
  • Reserve #7A5B6F for larger headings or accents; its lighter value may still struggle as body text on the darkest hues.
  • Clearly define interactive elements with distinct color changes or outlines to aid navigation.

Recommended combinations

Velveteen Depths

Creates a deep, layered dark gradient, perfect for immersive backgrounds or dramatic intros.

#1A101C · #2A1826 · #36222F

Rose Petal

Offers a subtle, elegant gradient for feature sections or delicate visual elements, reminiscent of petals.

#36222F · #5D3E4F · #7A5B6F

Gothic Elegance

Provides a sophisticated contrast for branding elements or elegant typography.

#1A101C · #7A5B6F · #5D3E4F

CSS variables

:root {
  --black-rose-bloom-1: #36222F;
  --black-rose-bloom-2: #5D3E4F;
  --black-rose-bloom-3: #1A101C;
  --black-rose-bloom-4: #7A5B6F;
  --black-rose-bloom-5: #2A1826;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "black-rose-bloom": {
        1: "#36222F",
        2: "#5D3E4F",
        3: "#1A101C",
        4: "#7A5B6F",
        5: "#2A1826",
      }
    }
  }
}

Related searches

dark gothic paletteblack rose colorsmysterious purple themeelegant dark brandingsophisticated moody palette

Palette colors

Hex values

Color 1#36222F
·
Color 2#5D3E4F
·
Color 3#1A101C
·
Color 4#7A5B6F
·
Color 5#2A1826
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
1.3:1Fail
2.5:1Fail
1.1:1Fail
2
1.6:1Fail
2:1Fail
1.6:1Fail
1.8:1Fail
3
1.3:1Fail
2:1Fail
3.1:1AA18
1.1:1Fail
4
2.5:1Fail
1.6:1Fail
3.1:1AA18
2.8:1Fail
5
1.1:1Fail
1.8:1Fail
1.1:1Fail
2.8:1Fail

Similar palettes

More like Black Rose Bloom

View all dark
Enigmatic Shadow Tale
Gothic Manor Shadow
Gothic Violet Shadow
Raven Feather Veil
Dark Bloom Velour
Deep Plum Twilight