Back to palettes

Palette

Grape Harvest Dusk

Deep, rich purples and velvety violets, inspired by ripe grapes at twilight in a vineyard.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4B0082#6A5ACD#8A2BE2#9932CC#BA55D3

Palette guide

How to use Grape Harvest Dusk

Overview

The "Grape Harvest Dusk" palette evokes the luxurious depth of ripe grapes under a twilight sky, offering a sophisticated and elegant color scheme. This collection of rich purples, from the deep indigo of #4B0082 to the vibrant blue-violet of #8A2BE2 and the softer medium orchid of #BA55D3, provides a versatile foundation for projects demanding a touch of opulence. Designers can leverage the inherent richness of #9932CC and the serene quality of #6A5ACD to create immersive digital experiences or distinguished print materials. This palette is ideal for conveying luxury, creativity, and a sense of refined mystery, making it a compelling choice for brands seeking a memorable and upscale aesthetic.

Best used for

  • Luxury brand identity (e.g., wine, beauty products)
  • High-end event invitations and decor
  • Artistic and creative portfolio websites
  • Sophisticated mobile app and web UI/UX
  • Fashion and lifestyle editorial content
  • Elegant interior design mood boards

Suggested color roles

primary

Use #4B0082 (Deep Indigo) as the dominant hue for large sections, headers, or brand foundations to establish a profound and luxurious feel.

secondary

Employ #9932CC (Dark Orchid) for supporting elements, subheadings, or as a vibrant complement to the primary, adding depth without overpowering.

accent

Introduce #BA55D3 (Medium Orchid) for calls to action, interactive elements, or small design details to provide a bright, inviting pop of color.

background

A subtle and rich background could be #6A5ACD (Slate Blue) to create a gentle canvas, or a very dark neutral like charcoal for higher contrast with lighter text.

text

For optimal readability, pair with pure white or a very light grey on darker backgrounds, or a deep charcoal or black for text placed on lighter shades like #BA55D3.

Accessibility notes

  • Ensure sufficient contrast when layering purples; for instance, avoid placing #8A2BE2 directly on #9932CC for critical text.
  • Always test light text (white, light grey) against the darker hues like #4B0082 and #9932CC to meet WCAG AA contrast standards.
  • Consider using #BA55D3 as an accent for interactive elements, but ensure its contrast with adjacent background colors is high enough for visibility.
  • Avoid relying solely on color to convey information, especially given the range of purples which can be challenging for some forms of color blindness.

Recommended combinations

Regal Depth

Ideal for creating a luxurious and immersive brand presence, perfect for hero sections or sophisticated branding materials.

#4B0082 · #9932CC · #8A2BE2

Twilight Serenity

Excellent for softer interfaces, elegant backgrounds with prominent accents, or inviting editorial designs.

#6A5ACD · #BA55D3 · #4B0082

Vivid Accent

Use for dynamic UI elements where #BA55D3 can highlight interactive components against the richness of #9932CC and #6A5ACD.

#9932CC · #BA55D3 · #6A5ACD

CSS variables

:root {
  --grape-harvest-dusk-1: #4B0082;
  --grape-harvest-dusk-2: #6A5ACD;
  --grape-harvest-dusk-3: #8A2BE2;
  --grape-harvest-dusk-4: #9932CC;
  --grape-harvest-dusk-5: #BA55D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "grape-harvest-dusk": {
        1: "#4B0082",
        2: "#6A5ACD",
        3: "#8A2BE2",
        4: "#9932CC",
        5: "#BA55D3",
      }
    }
  }
}

Related searches

dark purple color schemeswine inspired color paletteelegant violet colors designluxury purple branding colorsdeep grape hues web design

Palette colors

Hex values

Color 1#4B0082
·
Color 2#6A5ACD
·
Color 3#8A2BE2
·
Color 4#9932CC
·
Color 5#BA55D3
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.4:1Fail
2.2:1Fail
2.3:1Fail
3.3:1AA18
2
2.4:1Fail
1.1:1Fail
1.1:1Fail
1.3:1Fail
3
2.2:1Fail
1.1:1Fail
1:1Fail
1.5:1Fail
4
2.3:1Fail
1.1:1Fail
1:1Fail
1.4:1Fail
5
3.3:1AA18
1.3:1Fail
1.5:1Fail
1.4:1Fail

Similar palettes

More like Grape Harvest Dusk

View all dark