Back to palettes

Palette

Grapevine Harvest

Deep, luxurious purples inspired by lush grapevines, ideal for a refined and elegant appeal.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#5A2D50#7B4D6F#9C6D8E#4B2440#6C3B61

Palette guide

How to use Grapevine Harvest

Overview

The Grapevine Harvest palette offers a luxurious journey into deep, sophisticated purples, perfect for projects demanding elegance and refinement. Inspired by lush grapevines, this collection features rich tones like the profound #4B2440 and the velvety #5A2D50, complemented by the softer #7B4D6F and the subtly brighter #9C6D8E. Designers will find these hues ideal for creating a mature and high-end aesthetic, whether in branding, digital interfaces, or print. The palette is carefully curated to evoke a sense of deep luxury and timeless charm, providing a versatile range for creating depth and visual interest without sacrificing sophistication.

Best used for

  • Luxury brand identity
  • High-end event invitations
  • Sophisticated website themes
  • Fashion and beauty product packaging
  • Editorial design for lifestyle magazines
  • Interior design accents for elegant spaces

Suggested color roles

primary

Use #5A2D50 as a dominant brand color for headings or large sections, conveying a rich and established feel.

secondary

Apply #7B4D6F for subheadings, navigation elements, or as a supporting color to add depth without overwhelming.

accent

Highlight key calls-to-action or important details with #9C6D8E, offering a brighter, more engaging contrast.

background

Employ #4B2440 for dark, immersive backgrounds, creating a luxurious canvas that makes lighter elements pop.

text

For body text on dark backgrounds, a light off-white or silver like #CED4DA (not in palette, but recommended for readability) works best. For headlines on lighter shades, use #4B2440 or a dark charcoal.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when using lighter text on #4B2440 or #5A2D50.
  • Avoid using #6C3B61 and #5A2D50 as text/background pairs due to their close luminance values.
  • Use #9C6D8E sparingly for critical information if placed on mid-tone backgrounds to maintain readability.
  • Consider a lighter, near-white text for optimal readability against the darker purples like #4B2440.

Recommended combinations

Rich Depth

Ideal for creating a deep background with primary content and a subtle accent.

#4B2440 · #5A2D50 · #9C6D8E

Elegant Gradient

Perfect for subtle gradients in UI elements or background sections, adding visual flow.

#5A2D50 · #6C3B61 · #7B4D6F

Highlighted Text

Use #7B4D6F for backgrounds, #4B2440 for headlines, and #9C6D8E for callouts.

#7B4D6F · #9C6D8E · #4B2440

CSS variables

:root {
  --grapevine-harvest-1: #5A2D50;
  --grapevine-harvest-2: #7B4D6F;
  --grapevine-harvest-3: #9C6D8E;
  --grapevine-harvest-4: #4B2440;
  --grapevine-harvest-5: #6C3B61;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "grapevine-harvest": {
        1: "#5A2D50",
        2: "#7B4D6F",
        3: "#9C6D8E",
        4: "#4B2440",
        5: "#6C3B61",
      }
    }
  }
}

Related searches

dark purple color schemesophisticated plum palettewine inspired colorselegant violet brandingluxury purple web design

Palette colors

Hex values

Color 1#5A2D50
·
Color 2#7B4D6F
·
Color 3#9C6D8E
·
Color 4#4B2440
·
Color 5#6C3B61
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.6:1Fail
1.2:1Fail
1.3:1Fail
2
1.6:1Fail
1.6:1Fail
1.9:1Fail
1.3:1Fail
3
2.6:1Fail
1.6:1Fail
3.1:1AA18
2:1Fail
4
1.2:1Fail
1.9:1Fail
3.1:1AA18
1.5:1Fail
5
1.3:1Fail
1.3:1Fail
2:1Fail
1.5:1Fail

Similar palettes

More like Grapevine Harvest

View all dark