Back to palettes

Palette

Sunbaked Tuscan Earth

Warm, sun-baked tones reminiscent of terracotta roofs and rolling hills in the Tuscan countryside.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunbaked Tuscan Earth 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 Sunbaked Tuscan Earth.

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

Data visualization

#ECCFB7#D4AC8F#BC8A6C#A2694E#834A31

Palette guide

How to use Sunbaked Tuscan Earth

Overview

The Sunbaked Tuscan Earth palette is a sophisticated collection of warm, earthy tones, perfectly capturing the essence of Tuscany's sun-drenched landscapes and terracotta roofs. This gradient of rich browns and gentle beiges, from the deep #834A31 to the soft #ECCFB7, offers designers and developers a refined, natural aesthetic. Key colors like #A2694E and #D4AC8F provide versatile mid-tones for a cohesive design. It’s an excellent choice for projects requiring a sense of classic elegance, rustic charm, and an inviting, natural warmth, ideal for creating harmonious and grounded visual experiences.

Best used for

  • High-end rustic or Mediterranean branding
  • Luxury home decor and interior design
  • Websites for vineyards, olive oil producers, or fine dining
  • Travel agencies specializing in European destinations
  • Architectural firms focusing on traditional or natural builds
  • Elegant wedding invitations and stationery

Suggested color roles

primary

Establish #A2694E as the foundational color for its rich, earthy presence, suitable for main branding and significant elements.

secondary

Utilize #BC8A6C for subheadings, secondary buttons, or large content blocks to provide a softer, complementary warmth.

accent

Reserve #834A31 for strong accents, important calls-to-action, or deep shadows, adding depth and sophistication.

background

Apply #ECCFB7 for clean, airy backgrounds, ensuring optimal readability for darker text and maintaining a light, inviting feel.

text

For body text, #834A31 or a deep brown offers superior legibility and perfectly complements the palette's natural aesthetic.

Accessibility notes

  • Ensure excellent contrast for text; #834A31 on #ECCFB7 provides high readability.
  • Avoid using #D4AC8F or #BC8A6C for small text on similarly toned backgrounds without checking contrast ratios.
  • Utilize the lighter shades like #ECCFB7 and #D4AC8F as backgrounds for interactive elements with darker text.
  • Pay attention to contrast for subtle variations in color, especially for users with visual impairments.

Recommended combinations

Tuscan Gradient

Ideal for creating depth and a smooth transition in hero sections, headers, or background elements.

#ECCFB7 · #D4AC8F · #BC8A6C

Deep Earthy

Effective for grounding visual elements, footers, or sections requiring a strong, stable presence.

#834A31 · #A2694E · #BC8A6C

Rustic Elegance

Perfect for creating a balanced layout with clear hierarchy, combining light openness with rich, dark anchors.

#ECCFB7 · #A2694E · #834A31

CSS variables

:root {
  --sunbaked-tuscan-earth-1: #ECCFB7;
  --sunbaked-tuscan-earth-2: #D4AC8F;
  --sunbaked-tuscan-earth-3: #BC8A6C;
  --sunbaked-tuscan-earth-4: #A2694E;
  --sunbaked-tuscan-earth-5: #834A31;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunbaked-tuscan-earth": {
        1: "#ECCFB7",
        2: "#D4AC8F",
        3: "#BC8A6C",
        4: "#A2694E",
        5: "#834A31",
      }
    }
  }
}

Related searches

tuscan color palettesunbaked earth tonesrustic mediterranean colorswarm neutral paletteearthy brown beige

Palette colors

Hex values

Color 1#ECCFB7
·
Color 2#D4AC8F
·
Color 3#BC8A6C
·
Color 4#A2694E
·
Color 5#834A31
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2:1Fail
3:1AA18
4.7:1AA
2
1.4:1Fail
1.4:1Fail
2.2:1Fail
3.4:1AA18
3
2:1Fail
1.4:1Fail
1.5:1Fail
2.3:1Fail
4
3:1AA18
2.2:1Fail
1.5:1Fail
1.6:1Fail
5
4.7:1AA
3.4:1AA18
2.3:1Fail
1.6:1Fail

Similar palettes

More like Sunbaked Tuscan Earth

View all earth
Ancient Aegean Clay
Mediterranean Terra cotta
Mediterranean Tile Warmth
Rustic Tuscan Clay
Sunbaked Terracotta Tiles
Tuscan Olive Grove