Palette

Tuscan Vineyard Row

Earthy browns and deep wine reds reflect the sun-drenched terracottas and ripened grapes of Tuscany.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#5C2D2D#8A4F4F#BA7A7A#E0A0A0#3E1E1E

Palette guide

How to use Tuscan Vineyard Row

Overview

The "Tuscan Vineyard Row" palette captures the sophisticated and rustic charm of a vineyard, featuring deep wine reds and earthy browns reminiscent of ripe grapes and sun-drenched terracotta. This collection exudes a rich, warm, and vintage elegance. Key colors include a deep wine brown `#5C2D2D`, a rich muted rose brown `#8A4F4F`, and a darkest brown `#3E1E1E`. These are softened by a mid-tone rose `#BA7A7A` and a delicate blush pink `#E0A0A0`. This palette is ideal for designs that aim for a luxurious, natural, and timeless aesthetic, perfect for wine brands, upscale decor, or refined lifestyle projects.

Best used for

Wine and spirits branding and packaging
Cozy and luxurious interior design
Historical fiction book covers and branding
Sophisticated fashion and accessory lines
High-end gourmet food product design
Wedding themes with a vintage, elegant feel

Suggested color roles

primary

Use `#5C2D2D` as a deep, inviting primary color for headings, main content areas, or strong brand statements.

secondary

Apply `#8A4F4F` for subheadings, navigation elements, or as a rich supporting color, maintaining the palette's warmth.

accent

Introduce `#E0A0A0` as a soft blush accent for delicate details, decorative patterns, or to add a touch of luminosity.

background

While `#BA7A7A` can be used, consider a light cream or near-white for optimal contrast with text. Use `#BA7A7A` for large visual blocks.

text

Utilize `#3E1E1E` for body text on very light backgrounds (e.g., white or `#E0A0A0`) to ensure excellent readability and depth.

Accessibility notes

Ensure `#3E1E1E` (darkest brown) on `#E0A0A0` (blush pink) provides sufficient contrast for body text.
The mid-tone rose `#BA7A7A` is not suitable for small text on light backgrounds; use a darker color or white text on it.
Avoid using `#E0A0A0` for small text on any light background due to likely low contrast.
White text on `#5C2D2D` or `#3E1E1E` offers strong contrast for headings and key information.

Recommended combinations

Wine & Earth

Creates a deep, rich progression from darkest brown to muted rose, ideal for conveying luxury and grounded elegance.

#3E1E1E · #5C2D2D · #8A4F4F

Soft Blush

Offers a delicate blend of light to mid-tone rose hues, perfect for feminine branding or subtle background textures.

#E0A0A0 · #BA7A7A · #8A4F4F

Rich Contrast

Combines the darkest, lightest, and primary colors for a striking balance of depth and luminosity, suitable for hero sections.

#3E1E1E · #E0A0A0 · #5C2D2D

CSS variables

:root {
  --tuscan-vineyard-row-1: #5C2D2D;
  --tuscan-vineyard-row-2: #8A4F4F;
  --tuscan-vineyard-row-3: #BA7A7A;
  --tuscan-vineyard-row-4: #E0A0A0;
  --tuscan-vineyard-row-5: #3E1E1E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tuscan-vineyard-row": {
        1: "#5C2D2D",
        2: "#8A4F4F",
        3: "#BA7A7A",
        4: "#E0A0A0",
        5: "#3E1E1E",
      }
    }
  }
}

Hex values

Color 1#5C2D2D

Color 2#8A4F4F

Color 3#BA7A7A

Color 4#E0A0A0

Color 5#3E1E1E

Accessibility

Contrast checker

1.8:1Fail

3.3:1AA18

5.2:1AA

1.3:1Fail

1.8:1Fail

1.9:1Fail

2.9:1Fail

2.4:1Fail

3.3:1AA18

1.9:1Fail

1.6:1Fail

4.4:1AA18

5.2:1AA

2.9:1Fail

1.6:1Fail

6.9:1AA

1.3:1Fail

2.4:1Fail

4.4:1AA18

6.9:1AA

Similar palettes

More like Tuscan Vineyard Row

View all warm

Artisan Coffee Blend

Rustic Leather Warmth

Amber Apothecary Jar

Amber Vineyard Dusk

Artisan Loaf Hearth

Autumn Foliage Crunch