Palette

Velvet Plum Harvest

Deep, opulent tones inspired by the rich, dark fruits of autumn and luxurious fabrics.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Velvet Plum Harvest 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 Velvet Plum Harvest.

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

Data visualization

#4A1A3A#7A2D5A#A65A7D#D28C9D#2C0F22

Palette guide

How to use Velvet Plum Harvest

Overview

The Velvet Plum Harvest palette offers deep, opulent tones inspired by the rich, dark fruits of autumn and luxurious fabrics. Anchored by the profound #2C0F22, it features a harmonious progression through #4A1A3A, #7A2D5A, and #A65A7D, culminating in the soft, alluring #D28C9D. This collection is genuinely useful for designers seeking to convey a sense of autumnal richness, elegance, and sophisticated warmth. The blend of deep plums and rosy hues provides a versatile foundation for projects that require both depth and a touch of inviting charm, perfect for seasonal branding and high-end design.

Best used for

Autumnal event branding and decor
Luxury food and beverage packaging
High-end fashion collections for fall/winter
Editorial design for seasonal lifestyle content
UI/UX for sophisticated e-commerce platforms
Interior design accents for cozy, elegant spaces

Suggested color roles

primary

Use #2C0F22 as the deepest, most grounding color for main backgrounds or foundational elements, establishing a rich, autumnal mood.

secondary

Employ #4A1A3A for supporting sections, navigation, or darker UI components, maintaining the palette's deep plum theme.

accent

Apply #D28C9D for soft highlights, calls-to-action, or decorative elements, providing a gentle, rosy, and inviting pop.

background

The deep #2C0F22 or #4A1A3A offers an opulent and immersive background, making lighter elements stand out beautifully.

text

A crisp white or light cream provides optimal readability for body text on these dark backgrounds. For headings, #D28C9D can be effective if large enough.

Accessibility notes

Ensure #D28C9D provides sufficient contrast when used for text on darker palette colors like #2C0F22 or #4A1A3A.
Avoid using #7A2D5A or #A65A7D for small text on similar dark backgrounds to prevent readability issues.
Test all critical text and background pairings with a contrast checker to meet WCAG guidelines.
Consider using a slightly off-white for body text to soften the contrast while maintaining readability on deep plum backgrounds.

Recommended combinations

Harvest Depth

Creates a profound, layered depth, ideal for immersive backgrounds and foundational design elements.

#2C0F22 · #4A1A3A · #7A2D5A

Plum Blossom

Perfect for highlighting key information or interactive elements against a deep, autumnal plum backdrop.

#2C0F22 · #A65A7D · #D28C9D

Rich Gradient

Excellent for smooth transitions in visual elements, banners, or artistic illustrations, showing a luxurious progression.

#4A1A3A · #7A2D5A · #A65A7D

CSS variables

:root {
  --velvet-plum-harvest-2-1: #4A1A3A;
  --velvet-plum-harvest-2-2: #7A2D5A;
  --velvet-plum-harvest-2-3: #A65A7D;
  --velvet-plum-harvest-2-4: #D28C9D;
  --velvet-plum-harvest-2-5: #2C0F22;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "velvet-plum-harvest-2": {
        1: "#4A1A3A",
        2: "#7A2D5A",
        3: "#A65A7D",
        4: "#D28C9D",
        5: "#2C0F22",
      }
    }
  }
}

Hex values

Color 1#4A1A3A

Color 2#7A2D5A

Color 3#A65A7D

Color 4#D28C9D

Color 5#2C0F22

Accessibility

Contrast checker

1.6:1Fail

2.9:1Fail

5.3:1AA

1.3:1Fail

1.6:1Fail

1.9:1Fail

3.4:1AA18

2:1Fail

2.9:1Fail

1.9:1Fail

1.8:1Fail

3.7:1AA18

5.3:1AA

3.4:1AA18

1.8:1Fail

6.7:1AA

1.3:1Fail

2:1Fail

3.7:1AA18

6.7:1AA

Similar palettes

More like Velvet Plum Harvest

View all dark

Velvet Plum Drape

Baroque Crimson Drape