Palette

Tuscan Earth Glow

Sun-drenched hues of Tuscan landscapes at dusk, embracing warmth and natural beauty.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A64223#DD7E44#F4C49E#5A7247#8E2B2A

Palette guide

How to use Tuscan Earth Glow

Overview

The Tuscan Earth Glow palette captures the enchanting hues of Tuscan landscapes at dusk, radiating warmth and natural beauty. This collection is perfect for projects aiming for a rustic, inviting, and sophisticated feel. With prominent shades like the rich #A64223 (Burnt Sienna), the vibrant #DD7E44 (Terracotta Orange), and the soft #F4C49E (Peach Buff), it evokes sun-drenched moments. The inclusion of #5A7247 (Muted Olive) provides a grounding, natural contrast, making this palette exceptionally versatile for designs that need both warmth and an organic touch.

Best used for

Mediterranean restaurant branding
Natural beauty product packaging
Rustic wedding stationery
Cozy home decor websites
Travel blogs focusing on Italy
Autumn collection fashion design

Suggested color roles

primary

Use #A64223 (Burnt Sienna) for impactful headlines or brand elements, conveying a rich, inviting warmth.

secondary

Apply #DD7E44 (Terracotta Orange) for sub-sections or interactive elements, offering a softer yet vibrant complement.

accent

Introduce #8E2B2A (Deep Terracotta) for critical calls-to-action or decorative highlights, adding a touch of dramatic depth.

background

Opt for #F4C49E (Peach Buff) as a light, airy background, allowing darker content to stand out beautifully.

text

For optimal readability on light backgrounds like #F4C49E, use #A64223 or a dark charcoal. On darker backgrounds, a clean white or near-white ensures clarity.

Accessibility notes

Ensure sufficient contrast between text and background, particularly when using #F4C49E as a background with lighter text.
Be mindful of contrast between #DD7E44 and #F4C49E for smaller elements to maintain visibility.
Test the readability of #5A7247 text against the warmer tones to ensure clarity.
Provide clear visual cues for interactive elements, differentiating them from static content.

Recommended combinations

Terracotta Sunset

Perfect for hero sections, using the light background with a warm primary and secondary for inviting visual appeal.

#F4C49E · #A64223 · #DD7E44

Earthy Contrast

Excellent for balancing warmth with a natural, grounding green, ideal for product features or testimonials.

#5A7247 · #A64223 · #F4C49E

Dusk Accent

Create depth and emphasis with this combination, suitable for impactful calls-to-action or special offers.

#DD7E44 · #8E2B2A · #A64223

CSS variables

:root {
  --tuscan-earth-glow-1: #A64223;
  --tuscan-earth-glow-2: #DD7E44;
  --tuscan-earth-glow-3: #F4C49E;
  --tuscan-earth-glow-4: #5A7247;
  --tuscan-earth-glow-5: #8E2B2A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tuscan-earth-glow": {
        1: "#A64223",
        2: "#DD7E44",
        3: "#F4C49E",
        4: "#5A7247",
        5: "#8E2B2A",
      }
    }
  }
}

Hex values

Color 1#A64223

Color 2#DD7E44

Color 3#F4C49E

Color 4#5A7247

Color 5#8E2B2A

Accessibility

Contrast checker

2.1:1Fail

3.9:1AA18

1.1:1Fail

1.4:1Fail

2.1:1Fail

1.9:1Fail

1.8:1Fail

2.8:1Fail

3.9:1AA18

1.9:1Fail

3.4:1AA18

5.2:1AA

1.1:1Fail

1.8:1Fail

3.4:1AA18

1.6:1Fail

1.4:1Fail

2.8:1Fail

5.2:1AA

1.6:1Fail

Similar palettes

More like Tuscan Earth Glow

Terracotta Pot Warmth

Autumn Foliage Crunch

Canyon Trail Sunset