Palette

Tuscan Countryside Patch

Rolling Tuscan hills, dotted with sun-drenched fields and ancient architecture, warm and inviting.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Tuscan Countryside Patch 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 Countryside Patch.

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

Data visualization

#8B4513#CD853F#D2B48C#A0522D#B8860B

Palette guide

How to use Tuscan Countryside Patch

Overview

The Tuscan Countryside Patch palette evokes the serene beauty of rolling Tuscan hills, offering a rich tapestry of warm, earthy tones. Designers and developers can leverage this palette for projects requiring a rustic, inviting feel. Key colors include the deep, grounding #8B4513 (Saddle Brown), the warm and inviting #CD853F (Bronze), and the soft, expansive #D2B48C (Tan). This collection is ideal for creating designs that feel natural, traditional, and full of character, reminiscent of sun-drenched fields and ancient architecture. Its versatility makes it suitable for both digital and physical applications, bringing a touch of the outdoors in.

Best used for

Rustic branding and logos
Interior design for country homes
Websites for organic products or artisan crafts
Autumn-themed digital content
Food packaging for natural goods
Traditional print materials

Suggested color roles

primary

Use #8B4513 (Saddle Brown) for dominant elements like headers or main navigation, providing a strong, grounding presence.

secondary

Apply #A0522D (Sienna) to supporting sections, subheadings, or background panels, offering warmth and depth.

accent

Incorporate #B8860B (Dark Goldenrod) for calls-to-action, icons, or subtle highlights, adding a touch of rustic glow.

background

Utilize #D2B48C (Tan) as a light, neutral base for content areas, ensuring readability and an open feel.

text

Choose #8B4513 or #A0522D for primary body text on light backgrounds like #D2B48C, ensuring excellent contrast. For darker backgrounds, a crisp white or near-white is recommended.

Accessibility notes

Ensure sufficient contrast between #D2B48C background and darker text colors like #8B4513 for readability.
Avoid using #CD853F and #B8860B for small text against each other due to potential low contrast.
Test color combinations for users with color vision deficiencies, especially similar brown/orange tones.
Provide clear focus states for interactive elements using a distinct accent like #B8860B.

Recommended combinations

Earthy Foundation

Ideal for main content blocks, pairing a light background with strong headings and balanced accents.

#D2B48C · #8B4513 · #CD853F

Rustic Glow

Excellent for highlighting key features or calls-to-action, bringing warmth against a neutral backdrop.

#A0522D · #B8860B · #D2B48C

Deep Country

Effective for navigation bars or footers, creating a rich, cohesive feel with depth and a touch of brightness.

#8B4513 · #B8860B · #A0522D

CSS variables

:root {
  --tuscan-countryside-patch-1: #8B4513;
  --tuscan-countryside-patch-2: #CD853F;
  --tuscan-countryside-patch-3: #D2B48C;
  --tuscan-countryside-patch-4: #A0522D;
  --tuscan-countryside-patch-5: #B8860B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tuscan-countryside-patch": {
        1: "#8B4513",
        2: "#CD853F",
        3: "#D2B48C",
        4: "#A0522D",
        5: "#B8860B",
      }
    }
  }
}

Hex values

Color 1#8B4513

Color 2#CD853F

Color 3#D2B48C

Color 4#A0522D

Color 5#B8860B

Accessibility

Contrast checker

2.4:1Fail

3.6:1AA18

1.3:1Fail

2.2:1Fail

2.4:1Fail

1.5:1Fail

1.9:1Fail

1.1:1Fail

3.6:1AA18

1.5:1Fail

2.8:1Fail

1.7:1Fail

1.3:1Fail

1.9:1Fail

2.8:1Fail

1.7:1Fail

2.2:1Fail

1.1:1Fail

1.7:1Fail

Similar palettes

More like Tuscan Countryside Patch

Tuscan Countryside Patch

See it in context.

Ready when you are.

Built with Tuscan Countryside Patch.

How to use Tuscan Countryside Patch

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Earthy Foundation

Rustic Glow

Deep Country

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Tuscan Countryside Patch