Palette

Sun-Kissed Vineyard

Rich, sun-drenched hues of ripe grapes and fertile soil, evoking a warm autumnal vineyard.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B0000#A0522D#CD853F#5E3B29#D2691E

Palette guide

How to use Sun-Kissed Vineyard

Overview

The Sun-Kissed Vineyard palette presents a rich and robust collection of autumnal hues, reminiscent of ripe grapes and fertile soil in a warm vineyard. It features a deep red wine (#8B0000), a rich saddle brown (#A0522D), a warm sandy brown (#CD853F), a dark earthy brown (#5E3B29), and a vibrant burnt orange (#D2691E). This palette is perfect for conveying a sense of tradition, gourmet quality, and natural sophistication. Designers can utilize these deep, inviting tones to create elegant and grounded experiences across luxury branding, food and beverage marketing, and rustic-themed designs.

Best used for

Winery and distillery branding
Gourmet food packaging and marketing
Autumnal event and wedding themes
Rustic home decor and furniture design
Traditional and heritage brand identities
Digital interfaces with a warm, earthy feel

Suggested color roles

primary

Utilize #8B0000 as a strong primary for branding, headings, or key graphical elements, symbolizing richness and depth.

secondary

Apply #A0522D for supporting elements, navigation, or as a background for sections requiring a grounded feel.

accent

Introduce #D2691E as a vibrant accent for calls to action, highlights, or decorative details, adding warmth and energy.

background

Employ #CD853F as a warm, inviting background, offering a balanced and readable canvas.

text

For body text, use #5E3B29 or black to ensure optimal contrast and legibility against the lighter brown shades.

Accessibility notes

Ensure sufficient contrast for text on #CD853F; use #5E3B29 or black for readability.
Be mindful when pairing #A0522D and #5E3B29 for text and background to maintain contrast.
The deep #8B0000 provides excellent contrast for light text if used as a background.
Consider using a clear, sans-serif font to enhance readability, especially with the darker tones.

Recommended combinations

Autumn Harvest

Ideal for creating a rich, autumnal feel in headers, hero sections, or feature highlights for seasonal campaigns.

#8B0000 · #A0522D · #D2691E

Earthy Vines

Excellent for grounding elements, footers, or content blocks, providing a stable and natural aesthetic.

#5E3B29 · #CD853F · #A0522D

Vineyard Sunset

Perfect for vibrant accents or visual storytelling, capturing the warmth and drama of a vineyard sunset.

#D2691E · #8B0000 · #CD853F

CSS variables

:root {
  --sun-kissed-vineyard-2-1: #8B0000;
  --sun-kissed-vineyard-2-2: #A0522D;
  --sun-kissed-vineyard-2-3: #CD853F;
  --sun-kissed-vineyard-2-4: #5E3B29;
  --sun-kissed-vineyard-2-5: #D2691E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sun-kissed-vineyard-2": {
        1: "#8B0000",
        2: "#A0522D",
        3: "#CD853F",
        4: "#5E3B29",
        5: "#D2691E",
      }
    }
  }
}

Hex values

Color 1#8B0000

Color 2#A0522D

Color 3#CD853F

Color 4#5E3B29

Color 5#D2691E

Accessibility

Contrast checker

1.8:1Fail

3.3:1AA18

1:1Fail

2.8:1Fail

1.8:1Fail

1.9:1Fail

1.8:1Fail

1.5:1Fail

3.3:1AA18

1.9:1Fail

3.3:1AA18

1.2:1Fail

1:1Fail

1.8:1Fail

3.3:1AA18

2.7:1Fail

2.8:1Fail

1.5:1Fail

1.2:1Fail

2.7:1Fail

Similar palettes

More like Sun-Kissed Vineyard

Sun-Kissed Vineyard

See it in context.

Ready when you are.

Built with Sun-Kissed Vineyard.

How to use Sun-Kissed Vineyard

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Autumn Harvest

Earthy Vines

Vineyard Sunset

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Sun-Kissed Vineyard