Palette

Sun-Drenched Vineyard

Earthy and rich, capturing the vibrant foliage and ripe grapes of a vineyard basking in late afternoon sun.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A52A2A#800000#D2B48C#F4A460#693C3C

Palette guide

How to use Sun-Drenched Vineyard

Overview

The Sun-Drenched Vineyard palette captures the rich, earthy tones of a vineyard basking in late afternoon sun, from ripe grapes to dried leaves. It features a robust reddish-brown (#A52A2A), a deep maroon (#800000), a warm sandy beige (#D2B48C), a soft peach (#F4A460), and a grounding dark brown (#693C3C). This collection offers a sophisticated and natural feel, perfect for designers and developers aiming to evoke a sense of tradition, harvest, and rustic elegance. Its deep, muted tones create a comforting and authentic atmosphere suitable for a variety of applications.

Best used for

Winery and vineyard branding or websites
Fine dining restaurants with a rustic ambiance
Gourmet food product packaging (e.g., cheese, charcuterie)
Autumnal event invitations and decor
Home decor focusing on natural materials
Luxury craft and artisan goods

Suggested color roles

primary

#800000 (Deep Maroon) serves as a rich, sophisticated primary for headings or key branding elements.

secondary

#A52A2A (Reddish-Brown) offers a warm complement, suitable for subheadings or prominent UI elements.

accent

#F4A460 (Soft Peach) provides a gentle, sun-kissed accent for highlights, decorative elements, or calls-to-action.

background

#D2B48C (Sandy Beige) offers a soft, natural background that allows the deeper tones to resonate.

text

A deep chocolate brown (#3F2121) or black for body text, ensuring excellent readability and a luxurious feel.

Accessibility notes

#F4A460 (Soft Peach) is very light; use it as a background or for large graphic elements, not small text.
Ensure #A52A2A (Reddish-Brown) and #800000 (Deep Maroon) have sufficient contrast against light backgrounds (e.g., #D2B48C) for text.
Avoid using #D2B48C (Sandy Beige) for small body text, as its mid-tone value can reduce contrast.
For interactive elements, provide clear visual feedback for states like hover and focus, especially with similar dark tones.

Recommended combinations

Rich Harvest

Creates a deep, sophisticated, and traditional feel for headers or prominent sections.

#800000 · #A52A2A · #693C3C

Vineyard Glow

Ideal for delicate elements, backgrounds, or conveying a light and inviting atmosphere.

#D2B48C · #F4A460 · #A52A2A

Rustic Elegance

Offers a strong, balanced contrast, suitable for structural elements or calls-to-action.

#800000 · #D2B48C · #693C3C

CSS variables

:root {
  --sun-drenched-vineyard-1: #A52A2A;
  --sun-drenched-vineyard-2: #800000;
  --sun-drenched-vineyard-3: #D2B48C;
  --sun-drenched-vineyard-4: #F4A460;
  --sun-drenched-vineyard-5: #693C3C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sun-drenched-vineyard": {
        1: "#A52A2A",
        2: "#800000",
        3: "#D2B48C",
        4: "#F4A460",
        5: "#693C3C",
      }
    }
  }
}

Hex values

Color 1#A52A2A

Color 2#800000

Color 3#D2B48C

Color 4#F4A460

Color 5#693C3C

Accessibility

Contrast checker

1.5:1Fail

3.6:1AA18

3.5:1AA18

1.3:1Fail

1.5:1Fail

5.6:1AA

5.4:1AA

1.2:1Fail

3.6:1AA18

5.6:1AA

1:1Fail

4.6:1AA

3.5:1AA18

5.4:1AA

1:1Fail

4.5:1AA18

1.3:1Fail

1.2:1Fail

4.6:1AA

4.5:1AA18

Similar palettes

More like Sun-Drenched Vineyard

View all warm

Rustic Tavern Fire

Spiced Ruby Harvest

Woodland Ember Foliage

Amber Wheat Harvest

Artisan Loaf Hearth

Autumn Berry Harvest