Palette

Tuscan Village Hues

Captures the sun-drenched warmth of ancient Tuscan villages with earthy tones and sky blue accents.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Tuscan Village Hues 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 Village Hues.

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

Data visualization

#E0B89C#F4D03F#8B4513#6A8B82#F0F8FF

Palette guide

How to use Tuscan Village Hues

Overview

The "Tuscan Village Hues" palette captures the sun-drenched essence of ancient Italian villages, blending earthy warmth with a refreshing sky blue accent. Colors like the soft terracotta `#E0B89C`, vibrant sun yellow `#F4D03F`, and deep earth brown `#8B4513` are beautifully complemented by a serene muted teal `#6A8B82` and the airy nearly-white `#F0F8FF`. This combination offers designers a versatile range for projects requiring a natural, yet subtly vibrant feel. It's excellent for conveying a sense of heritage, warmth, and a touch of Mediterranean freshness, making it suitable for travel, food, or lifestyle brands.

Best used for

Mediterranean restaurant branding
Travel agency websites and brochures
Artisanal craft product packaging
Natural beauty and skincare lines
Event branding with an outdoor theme
Digital interfaces for cultural apps

Suggested color roles

primary

Use `#E0B89C` as a main background or primary element color, offering a soft, inviting terracotta base.

secondary

Apply `#8B4513` for strong headings, navigation, or as a grounding accent, providing depth and contrast.

accent

Introduce `#F4D03F` for highlights, calls-to-action, or playful elements, bringing a cheerful, sun-kissed energy. Alternatively, use `#6A8B82` for a calming, sophisticated accent.

background

Employ `#F0F8FF` as the primary background for a clean, airy feel that enhances the warmth of the other colors.

text

Use `#8B4513` for body text on light backgrounds like `#F0F8FF` to ensure excellent legibility and a cohesive natural look.

Accessibility notes

Ensure `#8B4513` on `#F0F8FF` provides sufficient contrast for all text elements.
Be cautious when placing `#F4D03F` (yellow) on light backgrounds; it may require larger font sizes or a dark outline for readability.
The muted teal `#6A8B82` can serve as a good text color on `#F0F8FF` for secondary information, offering good contrast.
Avoid using `#E0B89C` for small text on `#F0F8FF` due to potentially low contrast levels.

Recommended combinations

Sunny Village

Creates a bright, inviting scheme with a light base, warm terracotta, and a cheerful yellow accent, perfect for hero sections.

#F0F8FF · #E0B89C · #F4D03F

Earthy Depth

Combines deep brown with terracotta and a surprising teal for grounded, yet sophisticated, visual interest in illustrations or patterns.

#8B4513 · #E0B89C · #6A8B82

Mediterranean Breeze

Offers a refreshing, airy feel with near-white, muted teal, and soft terracotta, ideal for serene layouts or branding.

#F0F8FF · #6A8B82 · #E0B89C

CSS variables

:root {
  --tuscan-village-hues-1: #E0B89C;
  --tuscan-village-hues-2: #F4D03F;
  --tuscan-village-hues-3: #8B4513;
  --tuscan-village-hues-4: #6A8B82;
  --tuscan-village-hues-5: #F0F8FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tuscan-village-hues": {
        1: "#E0B89C",
        2: "#F4D03F",
        3: "#8B4513",
        4: "#6A8B82",
        5: "#F0F8FF",
      }
    }
  }
}

Hex values

Color 1#E0B89C

Color 2#F4D03F

Color 3#8B4513

Color 4#6A8B82

Color 5#F0F8FF

Accessibility

Contrast checker

1.2:1Fail

3.9:1AA18

2:1Fail

1.7:1Fail

1.2:1Fail

4.7:1AA

2.5:1Fail

1.4:1Fail

3.9:1AA18

4.7:1AA

1.9:1Fail

6.6:1AA

2:1Fail

2.5:1Fail

1.9:1Fail

3.5:1AA18

1.7:1Fail

1.4:1Fail

6.6:1AA

3.5:1AA18

Similar palettes

More like Tuscan Village Hues

View all warm

Terra Cotta Bloom

Terracotta Hearth Warm

Ancient Mosaic Rust

Autumn Forest Canopy

Baked Clay Pottery

Canyon Vista Radiance