Palette

Dusky Vineyards Trail

Deep, rich burgundy and muted rose tones found in a vineyard at twilight.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Dusky Vineyards Trail 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 Vineyards Trail.

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

Data visualization

#5C0012#8E1F30#C55B6E#E8A3B2#2B0008

Palette guide

How to use Dusky Vineyards Trail

Overview

The Dusky Vineyards Trail palette captures deep, rich burgundy and muted rose tones found in a vineyard at twilight. With shades like #5C0012, #8E1F30, and the delicate #E8A3B2, this collection exudes sophistication, rustic elegance, and a hint of romance. It's an excellent choice for designers looking to create visuals for wineries, luxury products, or romantic event themes. The profound depth of #2B0008 provides a strong foundation, while the lighter rose offers a gentle counterpoint, creating a balanced and rich aesthetic.

Best used for

Winery branding and marketing
Sophisticated dining experiences
Luxury product packaging
Romantic event themes
Elegant fashion and apparel
Editorial design and publications

Suggested color roles

primary

#8E1F30 serves as a rich, classic burgundy, ideal for main branding elements or significant content blocks.

secondary

#5C0012 is the deepest shade, providing strong anchors, shadows, or background depth.

accent

#C55B6E, a muted rose, offers delicate highlights or secondary text elements.

background

#2B0008, an almost black shade, creates a luxurious and profound base for immersive designs.

text

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

Accessibility notes

All colors in this palette are dark or muted; text on any background will require a very light color (e.g., #E8A3B2 or white) for readability.
The contrast between #5C0012 and #8E1F30 is minimal; avoid adjacent use for key information or interactive elements.
Ensure interactive elements are clearly visible and distinguishable against the deep backgrounds.
For long-form text, using white or a very light gray on the darker colors is highly recommended for optimal legibility.

Recommended combinations

Twilight Berry

Creates a deep, rich base with subtle variations for a sophisticated and grounded feel.

#2B0008 · #5C0012 · #8E1F30

Muted Rose

Combines softer rose shades with a deeper anchor for a delicate yet refined composition.

#C55B6E · #E8A3B2 · #8E1F30

Vineyard Elegance

Pairs rich burgundy with delicate rose highlights for an elegant and romantic visual narrative.

#8E1F30 · #C55B6E · #E8A3B2

CSS variables

:root {
  --dusky-vineyards-trail-1: #5C0012;
  --dusky-vineyards-trail-2: #8E1F30;
  --dusky-vineyards-trail-3: #C55B6E;
  --dusky-vineyards-trail-4: #E8A3B2;
  --dusky-vineyards-trail-5: #2B0008;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dusky-vineyards-trail": {
        1: "#5C0012",
        2: "#8E1F30",
        3: "#C55B6E",
        4: "#E8A3B2",
        5: "#2B0008",
      }
    }
  }
}

Hex values

Color 1#5C0012

Color 2#8E1F30

Color 3#C55B6E

Color 4#E8A3B2

Color 5#2B0008

Accessibility

Contrast checker

1.6:1Fail

3.5:1AA18

7:1AAA

1.3:1Fail

1.6:1Fail

2.1:1Fail

4.3:1AA18

2.2:1Fail

3.5:1AA18

2.1:1Fail

2:1Fail

4.6:1AA