Palette

Sunset Vineyard

A romantic journey through sun-drenched vineyards, rich with the colors of ripe grapes and fading light.

warmelegant5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B0000#A52A2A#D2691E#DAA520#CDAA7D

Palette guide

How to use Sunset Vineyard

Overview

The 'Sunset Vineyard' palette evokes the sophisticated beauty and romantic allure of a wine country sunset. It blends luxurious, deep reds like #8B0000 and #A52A2A with warm, inviting amber and golden hues, specifically #D2691E and #DAA520. A soft, muted beige, #CDAA7D, provides a refined and natural backdrop, balancing the richness of the other colors. This collection is ideal for designs that require depth, warmth, and an air of elegance, making it perfectly suited for brands seeking a classic, rich, and inviting aesthetic, reminiscent of fine wines and autumnal landscapes.

Best used for

Wineries, distilleries, and gourmet food brands
Luxury event planning and high-end hospitality
Upscale fashion and lifestyle magazines
Romantic travel destinations and resorts
Classic interior design and home staging
Artisanal craft products with a sophisticated edge

Suggested color roles

primary

Use #A52A2A for a rich, sophisticated primary color in branding, prominent headings, or key call-to-action elements.

secondary

Employ #D2691E for warm supporting elements, subheadings, or as a vibrant accent.

accent

Apply #DAA520 for bright, luxurious highlights, decorative details, or to add a touch of golden radiance.

background

Utilize #CDAA7D for a muted, elegant, and natural background that allows the richer colors to shine. A very light cream also works effectively.

text

Choose #8B0000 for body text on light backgrounds like #CDAA7D to ensure excellent readability. White text provides strong contrast on #8B0000, #A52A2A, or #D2691E.

Accessibility notes

For body text, #8B0000 or #A52A2A on #CDAA7D provides good contrast and readability.
#DAA520 (gold) as text on light backgrounds may have insufficient contrast; use for large headings or accents.
White text on the deeper reds (#8B0000, #A52A2A) or the amber (#D2691E) will be highly readable and accessible.
Avoid using #D2691E on #DAA520 for text due to potential contrast issues that could hinder readability.

Recommended combinations

Wine Country

Creates a rich, luxurious gradient, ideal for headers, branding elements, or atmospheric backgrounds.

#8B0000 · #A52A2A · #D2691E

Golden Harvest

Offers a warm, inviting, and luminous feel, suitable for subtle highlights, UI cards, or gentle branding.

#DAA520 · #CDAA7D · #D2691E

Rich Earth

Provides a balanced combination of mid-to-light tones, great for layered designs or creating visual depth.

#A52A2A · #D2691E · #CDAA7D

CSS variables

:root {
  --sunset-vineyard-1: #8B0000;
  --sunset-vineyard-2: #A52A2A;
  --sunset-vineyard-3: #D2691E;
  --sunset-vineyard-4: #DAA520;
  --sunset-vineyard-5: #CDAA7D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunset-vineyard": {
        1: "#8B0000",
        2: "#A52A2A",
        3: "#D2691E",
        4: "#DAA520",
        5: "#CDAA7D",
      }
    }
  }
}

Hex values

Color 1#8B0000

Color 2#A52A2A

Color 3#D2691E

Color 4#DAA520

Color 5#CDAA7D

Accessibility

Contrast checker

1.4:1Fail

2.8:1Fail

4.5:1AA18

4.6:1AA

1.4:1Fail

1.9:1Fail

3.2:1AA18

3.3:1AA18

2.8:1Fail

1.9:1Fail

1.6:1Fail

1.7:1Fail

4.5:1AA18

3.2:1AA18

1.6:1Fail

1:1Fail

4.6:1AA

3.3:1AA18

1.7:1Fail

1:1Fail

Similar palettes

More like Sunset Vineyard

Golden Honeycomb Glow

Golden Hour Honey