Back to palettes

Palette

Sundrenched Tuscany

The sun-baked landscape of Tuscany, with its rustic charm, cypress trees, and clear blue skies.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sundrenched Tuscany 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 Sundrenched Tuscany.

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

Data visualization

#D08C60#6B8E23#EEDC82#A9CCE3#FDF9E2

Palette guide

How to use Sundrenched Tuscany

Overview

The Sundrenched Tuscany palette captures the idyllic charm of Mediterranean landscapes, offering a harmonious blend of warm and natural tones. Designers can utilize the inviting terracotta of #D08C60 for prominent calls to action or branding elements, while the serene olive green of #6B8E23 provides a grounding, organic feel for secondary backgrounds or illustrations. A radiant sun yellow, #EEDC82, introduces a cheerful accent, perfect for subtle highlights or decorative details. The soft, clear sky blue of #A9CCE3 offers a refreshing, airy contrast, ideal for navigation or iconography. Completing the set, the gentle cream shade of #FDF9E2 serves as an excellent neutral base, ensuring high readability for text and a sophisticated backdrop for any design. This versatile palette is perfect for projects seeking an inviting, authentic, and naturally elegant aesthetic.

Best used for

  • Mediterranean-themed restaurants and cafes
  • Travel blogs focusing on European destinations
  • Organic food branding and packaging
  • Rustic home decor websites and e-commerce
  • Nature photography portfolios and galleries
  • Artisanal product showcases and branding

Suggested color roles

primary

#D08C60 (Terracotta) - Ideal for main branding elements, prominent headers, buttons, or key UI components that require warmth and attention.

secondary

#6B8E23 (Olive Green) - Best for supportive sections, backgrounds, navigation menus, or illustrations that need an organic and calming presence.

accent

#EEDC82 (Sun Yellow) - Use sparingly for highlights, calls to action, small icons, or decorative elements to add a cheerful and energetic pop.

background

#FDF9E2 (Cream) - Excellent as a clean, light base for main content areas, providing high readability for dark text and a sophisticated canvas.

text

For optimal legibility on #FDF9E2 (Cream), use a dark charcoal or near-black, such as #333333. #6B8E23 can also work effectively for headers or larger text on this background.

Accessibility notes

  • Ensure sufficient contrast when using #EEDC82 (Sun Yellow) for text, especially on light backgrounds like #FDF9E2; consider making text larger or bolder.
  • Text in #D08C60 (Terracotta), #6B8E23 (Olive Green), and #A9CCE3 (Sky Blue) will generally have good contrast against #FDF9E2 (Cream) background for body text.
  • Avoid placing #A9CCE3 (Sky Blue) text on #FDF9E2 (Cream) for small font sizes, as their proximity in lightness might fail WCAG AA contrast standards.
  • For any text on #EEDC82 (Sun Yellow), a very dark color like #333333 or #6B8E23 is essential to meet accessibility guidelines.

Recommended combinations

Rustic Charm

Ideal for branding, website headers, or packaging designs aiming for an authentic, earthy, and inviting feel.

#D08C60 · #6B8E23 · #FDF9E2

Mediterranean Breeze

Perfect for light and airy web elements, travel blog layouts, or illustrations needing a fresh, optimistic, and open atmosphere.

#A9CCE3 · #EEDC82 · #FDF9E2

Tuscan Landscape

Great for illustrating natural scenes, editorial layouts, or showcasing products that emphasize organic origins and serene beauty.

#6B8E23 · #D08C60 · #A9CCE3

CSS variables

:root {
  --sundrenched-tuscany-1: #D08C60;
  --sundrenched-tuscany-2: #6B8E23;
  --sundrenched-tuscany-3: #EEDC82;
  --sundrenched-tuscany-4: #A9CCE3;
  --sundrenched-tuscany-5: #FDF9E2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sundrenched-tuscany": {
        1: "#D08C60",
        2: "#6B8E23",
        3: "#EEDC82",
        4: "#A9CCE3",
        5: "#FDF9E2",
      }
    }
  }
}

Related searches

tuscany color schememediterranean design paletteearthy warm colorsrustic web designnatural landscape palette

Palette colors

Hex values

Color 1#D08C60
·
Color 2#6B8E23
·
Color 3#EEDC82
·
Color 4#A9CCE3
·
Color 5#FDF9E2
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2:1Fail
1.6:1Fail
2.6:1Fail
2
1.4:1Fail
2.8:1Fail
2.3:1Fail
3.6:1AA18
3
2:1Fail
2.8:1Fail
1.2:1Fail
1.3:1Fail
4
1.6:1Fail
2.3:1Fail
1.2:1Fail
1.6:1Fail
5
2.6:1Fail
3.6:1AA18
1.3:1Fail
1.6:1Fail

Similar palettes

More like Sundrenched Tuscany

View all earth
Canyon Cliffside View
Canyon Whisper Sands
Mediterranean Tile Warmth
Adobe Desert Hues
Adobe Sunset
Aegean Village