Back to palettes

Palette

Elegant Plum Bloom

A sophisticated blend of deep plum and blooming berry tones, exuding timeless grace.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Elegant Plum 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 Elegant Plum Bloom.

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

Data visualization

#3D0C2F#6A2D4A#9F4C6B#C77E8E#E3B4C0

Palette guide

How to use Elegant Plum Bloom

Overview

The Elegant Plum Bloom palette offers a sophisticated blend of deep plum and blooming berry tones, exuding timeless grace. Featuring rich dark plum (#3D0C2F), deep berry (#6A2D4A), vibrant plum (#9F4C6B), soft rose (#C77E8E), and delicate blush (#E3B4C0), this palette is perfect for designs that aim to convey elegance, femininity, and a touch of romance. Designers and developers can leverage these harmonious hues to create captivating branding, luxurious digital experiences, or inviting editorial layouts. The smooth transition from deep, grounding tones to soft, airy accents allows for versatile application and a visually appealing sense of depth.

Best used for

  • Luxury beauty and cosmetics branding
  • Women's fashion and lifestyle websites
  • Wedding invitations and event decor
  • High-end floral design and photography
  • Sophisticated editorial content and blogs
  • Calming app interfaces and wellness platforms

Suggested color roles

primary

Rich dark plum (#3D0C2F) serves as an excellent foundational color for backgrounds or main content areas, conveying depth and sophistication.

secondary

Deep berry (#6A2D4A) and vibrant plum (#9F4C6B) are versatile for supporting content blocks, subheadings, or subtle gradients, adding warmth.

accent

Soft rose (#C77E8E) or delicate blush (#E3B4C0) offers a gentle yet prominent accent, perfect for highlights, interactive elements, or feminine flourishes.

background

Rich dark plum (#3D0C2F) creates a luxurious, enveloping backdrop, allowing the lighter berry tones to bloom with elegance.

text

For body text, use white or a very light cream on dark backgrounds for optimal readability. For headings or impactful statements, delicate blush (#E3B4C0) provides excellent contrast against darker palette colors.

Accessibility notes

  • Ensure sufficient contrast for text, especially when pairing #C77E8E with #E3B4C0, which may have low contrast.
  • Prioritize using white or a very light cream for body text on dark backgrounds to meet WCAG contrast requirements.
  • Avoid using darker palette colors like #3D0C2F or #6A2D4A for text on very dark backgrounds due to readability issues.
  • Consider using larger font sizes for any text set in mid-tone purples/pinks to improve legibility.

Recommended combinations

Plum Gradient

Ideal for creating a deep, luxurious background gradient or layered UI elements that evoke a sense of depth and richness.

#3D0C2F · #6A2D4A · #9F4C6B

Bloom Accent

Excellent for calls-to-action, highlighted elements, or decorative flourishes that need to stand out with soft elegance.

#3D0C2F · #E3B4C0 · #C77E8E

Berry Harmony

Perfect for creating harmonious content blocks or illustrations, offering a smooth transition of complementary berry tones.

#6A2D4A · #9F4C6B · #C77E8E

CSS variables

:root {
  --elegant-plum-bloom-1: #3D0C2F;
  --elegant-plum-bloom-2: #6A2D4A;
  --elegant-plum-bloom-3: #9F4C6B;
  --elegant-plum-bloom-4: #C77E8E;
  --elegant-plum-bloom-5: #E3B4C0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "elegant-plum-bloom": {
        1: "#3D0C2F",
        2: "#6A2D4A",
        3: "#9F4C6B",
        4: "#C77E8E",
        5: "#E3B4C0",
      }
    }
  }
}

Related searches

elegant plum color paletteberry bloom design schemesophisticated feminine colorsdark floral aestheticluxurious purple pink palette

Palette colors

Hex values

Color 1#3D0C2F
·
Color 2#6A2D4A
·
Color 3#9F4C6B
·
Color 4#C77E8E
·
Color 5#E3B4C0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.9:1Fail
5.3:1AA
8.9:1AAA
2
1.6:1Fail
1.8:1Fail
3.3:1AA18
5.5:1AA
3
2.9:1Fail
1.8:1Fail
1.8:1Fail
3.1:1AA18
4
5.3:1AA
3.3:1AA18
1.8:1Fail
1.7:1Fail
5
8.9:1AAA
5.5:1AA
3.1:1AA18
1.7:1Fail

Similar palettes

More like Elegant Plum Bloom

View all dark
Elegant Plum Velvet
Midnight Bloom Garden
Midnight Opera Veil
Onyx Crystal Elegance
Patrician Study Room
Velvet Plum Dreams