Back to palettes

Palette

Gothic Bloom Reverie

Rich, dark floral tones evoke a sense of opulent mystery, like blooming flowers under a moonlit sky.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Gothic Bloom Reverie 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 Gothic Bloom Reverie.

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

Data visualization

#1A0C1A#451845#721D5C#A83377#2F4F4F

Palette guide

How to use Gothic Bloom Reverie

Overview

The Gothic Bloom Reverie palette weaves a tale of opulent mystery with its rich, dark floral tones, reminiscent of moonlit blooms. It features the profound #1A0C1A, a deep #451845, the elegant #721D5C, and the vibrant #A83377, all grounded by the unexpected, moody teal of #2F4F4F. This collection is perfect for designs seeking a dramatic yet sophisticated aesthetic, evoking a sense of dark romance, luxurious depth, and intriguing contrast. It's ideal for projects that blend natural beauty with an air of enigma.

Best used for

  • Dark romance or fantasy genre branding
  • Luxury fashion and beauty product lines
  • Mystical or esoteric themed websites
  • Dramatic event design and decor
  • Artistic photography with a moody, floral focus
  • High-end packaging for unique spirits or perfumes

Suggested color roles

primary

Use #1A0C1A for dominant backgrounds or foundational elements, establishing a deep, dramatic canvas.

secondary

Employ #451845 or #2F4F4F for supporting sections, sidebars, or complementary graphics, adding depth and contrast.

accent

Apply #A83377 for vibrant highlights, call-to-action buttons, or striking floral motifs, adding a pop of rich color.

background

Utilize #1A0C1A for a sophisticated, enveloping dark backdrop that allows the jewel tones to truly shine.

text

For optimal readability on dark backgrounds, use white or a very light cream. #A83377 can be used for large, impactful headings.

Accessibility notes

  • High contrast is essential. Use white or very light text on all dark backgrounds to meet WCAG AA standards.
  • Avoid using mid-tone purples like #721D5C for small text on dark backgrounds; the contrast will be insufficient.
  • Ensure interactive elements have a clear visual distinction, especially when using similar dark tones.
  • The vibrant #A83377 can be used for text, but only in large sizes and against the darkest backgrounds for readability.

Recommended combinations

Midnight Bloom

A dramatic pairing for striking logos, headlines, or to emphasize key features against a dark backdrop.

#1A0C1A · #A83377 · #451845

Opulent Contrast

Create a sophisticated, unexpected contrast for layered graphics or distinct content blocks.

#2F4F4F · #721D5C · #451845

Deep Reverie

A balanced trio for a rich, multi-layered design, blending deep tones with a vibrant accent.

#1A0C1A · #451845 · #A83377

CSS variables

:root {
  --gothic-bloom-reverie-1: #1A0C1A;
  --gothic-bloom-reverie-2: #451845;
  --gothic-bloom-reverie-3: #721D5C;
  --gothic-bloom-reverie-4: #A83377;
  --gothic-bloom-reverie-5: #2F4F4F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gothic-bloom-reverie": {
        1: "#1A0C1A",
        2: "#451845",
        3: "#721D5C",
        4: "#A83377",
        5: "#2F4F4F",
      }
    }
  }
}

Related searches

dark floral palettegothic romance colorsdeep jewel tonesmystical bloom schemeelegant dark fuchsia

Palette colors

Hex values

Color 1#1A0C1A
·
Color 2#451845
·
Color 3#721D5C
·
Color 4#A83377
·
Color 5#2F4F4F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.8:1Fail
3.1:1AA18
2.1:1Fail
2
1.3:1Fail
1.4:1Fail
2.3:1Fail
1.6:1Fail
3
1.8:1Fail
1.4:1Fail
1.7:1Fail
1.1:1Fail
4
3.1:1AA18
2.3:1Fail
1.7:1Fail
1.4:1Fail
5
2.1:1Fail
1.6:1Fail
1.1:1Fail
1.4:1Fail

Similar palettes

More like Gothic Bloom Reverie

View all dark