Palette

Rustic Tuscan Villa

Warm, sunbaked browns and creams evoke the timeless charm and sturdy architecture of a Tuscan villa.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Rustic Tuscan Villa 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 Rustic Tuscan Villa.

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

Data visualization

#7D4E3A#A9775C#DBC2A4#EAD8C7#F0E7DE

Palette guide

How to use Rustic Tuscan Villa

Overview

The Rustic Tuscan Villa palette embodies the timeless charm and sturdy architecture of an Italian villa, featuring a gradient of warm, sunbaked browns and creams. From the deep, grounding #7D4E3A to the airy, inviting #F0E7DE, this collection provides a sophisticated yet rustic foundation for any design. Mid-tones like #A9775C and #DBC2A4 offer versatile options for content and UI elements, while #EAD8C7 provides a soft, approachable highlight. This palette is ideal for designers seeking to evoke a sense of established elegance, natural materials, and a comforting, classic aesthetic, perfect for conveying heritage and authentic craftsmanship in digital and physical spaces.

Best used for

Luxury real estate brochures
Interior design websites
Wedding invitations with a classic theme
High-end artisanal product packaging
Hospitality branding (boutique hotels)
Historical preservation projects

Suggested color roles

primary

Establish #A9775C as the dominant warm brown, perfect for headers, footers, or large content blocks to convey stability.

secondary

Use #DBC2A4 for secondary content areas, backgrounds, or cards, offering a lighter, inviting contrast.

accent

Introduce #7D4E3A sparingly for strong accents, important text, or interactive elements, providing deep contrast and sophistication.

background

Apply #F0E7DE as a clean, soft background, mimicking sun-bleached stone or plaster, providing excellent readability.

text

For most body text, use #7D4E3A on lighter backgrounds like #F0E7DE or #EAD8C7 to ensure high contrast and legibility.

Accessibility notes

Ensure text in #7D4E3A has sufficient contrast on #F0E7DE or #EAD8C7 backgrounds for WCAG AA compliance.
Avoid placing lighter colors like #EAD8C7 or #DBC2A4 directly on #F0E7DE for small text, as contrast will be low.
Use a dark color like #7D4E3A for all interactive elements to improve visibility and clickability.
When using #A9775C for text, ensure its background is significantly lighter, e.g., #F0E7DE, for optimal readability.

Recommended combinations

Stone & Plaster

A classic combination for architectural themes, providing strong contrast for text and a light, airy background.

#7D4E3A · #DBC2A4 · #F0E7DE

Warm Earth

Excellent for main content, blending a comforting mid-tone with a soft highlight and a grounding dark accent.

#A9775C · #EAD8C7 · #7D4E3A

Villa Walls

Creates a subtle, monochromatic background effect, ideal for showcasing imagery or providing a gentle visual texture.

#F0E7DE · #DBC2A4 · #EAD8C7

CSS variables

:root {
  --rustic-tuscan-villa-1: #7D4E3A;
  --rustic-tuscan-villa-2: #A9775C;
  --rustic-tuscan-villa-3: #DBC2A4;
  --rustic-tuscan-villa-4: #EAD8C7;
  --rustic-tuscan-villa-5: #F0E7DE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rustic-tuscan-villa": {
        1: "#7D4E3A",
        2: "#A9775C",
        3: "#DBC2A4",
        4: "#EAD8C7",
        5: "#F0E7DE",
      }
    }
  }
}

Hex values

Color 1#7D4E3A

Color 2#A9775C

Color 3#DBC2A4

Color 4#EAD8C7

Color 5#F0E7DE

Accessibility

Contrast checker

1.8:1Fail

4.1:1AA18

5:1AA

5.7:1AA

1.8:1Fail

2.2:1Fail

2.8:1Fail

3.1:1AA18

4.1:1AA18

2.2:1Fail

1.2:1Fail

1.4:1Fail

5:1AA

2.8:1Fail

1.2:1Fail

1.1:1Fail

5.7:1AA

3.1:1AA18

1.4:1Fail

1.1:1Fail

Similar palettes

More like Rustic Tuscan Villa

View all earth

Aegean Faded Fresco

Ancient Stone Path

Archaeological Dig Earth

Grapevine Evening Blush

Mediterranean Stone House

Mediterranean Villa Stone