Back to palettes

Palette

Dusky Vineyard Row

Deep, rich purples and pinks reminiscent of a vineyard bathed in the romantic glow of dusk.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Dusky Vineyard Row 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 Dusky Vineyard Row.

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

Data visualization

#5D2B4A#7F3C5F#A35275#C7688B#EC7EB8

Palette guide

How to use Dusky Vineyard Row

Overview

The Dusky Vineyard Row palette features deep, rich purples and pinks, evoking a vineyard bathed in the romantic glow of dusk. With shades like #5D2B4A, #7F3C5F, and the vibrant #EC7EB8, this collection is perfect for designs that require elegance, romance, and a touch of feminine allure. Designers and developers can utilize these harmonious tones to craft captivating brand identities, sophisticated event materials, or immersive digital experiences that resonate with warmth and depth. The progression of hues suggests a delicate yet powerful visual narrative.

Best used for

  • Romantic brand identity
  • Wedding photography and themes
  • Beauty and cosmetic packaging
  • Fashion editorials and websites
  • Elegant event decor
  • Feminine digital art and illustration

Suggested color roles

primary

#A35275 serves as a mid-tone, inviting berry shade, excellent for main content or headers.

secondary

#7F3C5F offers a deeper tone for structure, subheadings, or to create visual depth.

accent

#EC7EB8, the lightest shade, provides a vibrant highlight, perfect for calls-to-action or delicate accents.

background

#5D2B4A is the deepest shade, creating a moody and luxurious base for immersive designs.

text

For readability on dark backgrounds, use #EC7EB8 or a light cream/white. For critical text, white is essential.

Accessibility notes

  • For text on darker shades like #5D2B4A or #7F3C5F, use #EC7EB8 or white for adequate contrast to ensure readability.
  • The contrast between #C7688B and #EC7EB8 may be insufficient for small text or critical UI elements; test carefully.
  • Ensure interactive elements are clearly distinguishable from their backgrounds and have a visible focus state.
  • Consider a very light gray or off-white for body text on the deeper colors to prevent eye strain during prolonged reading.

Recommended combinations

Twilight Gradient

Creates a smooth transition from light pink to deeper berry, ideal for background effects or overlays.

#EC7EB8 · #C7688B · #A35275

Deep Blossom

Combines the deepest tone for grounding with a vibrant highlight for impact and elegance.

#5D2B4A · #7F3C5F · #EC7EB8

Romantic Row

Offers balanced mid-tones, creating a soft yet rich feel for content blocks or visual hierarchy.

#A35275 · #C7688B · #7F3C5F

CSS variables

:root {
  --dusky-vineyard-row-1: #5D2B4A;
  --dusky-vineyard-row-2: #7F3C5F;
  --dusky-vineyard-row-3: #A35275;
  --dusky-vineyard-row-4: #C7688B;
  --dusky-vineyard-row-5: #EC7EB8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dusky-vineyard-row": {
        1: "#5D2B4A",
        2: "#7F3C5F",
        3: "#A35275",
        4: "#C7688B",
        5: "#EC7EB8",
      }
    }
  }
}

Related searches

dark pink purple palettevineyard berry colorsromantic dusk schemeelegant feminine designmoody floral palette

Palette colors

Hex values

Color 1#5D2B4A
·
Color 2#7F3C5F
·
Color 3#A35275
·
Color 4#C7688B
·
Color 5#EC7EB8
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.1:1Fail
3:1AA18
4.3:1AA18
2
1.4:1Fail
1.5:1Fail
2.1:1Fail
3:1AA18
3
2.1:1Fail
1.5:1Fail
1.4:1Fail
2:1Fail
4
3:1AA18
2.1:1Fail
1.4:1Fail
1.4:1Fail
5
4.3:1AA18
3:1AA18
2:1Fail
1.4:1Fail

Similar palettes

More like Dusky Vineyard Row

View all dark
Midnight Velvet Drape
Rustic Vineyard Dusk
Twilight Orchid Bloom
Velvet Merlot Pour
Velvet Theater Seats
Amethyst Veil Mystique