Back to palettes

Palette

Tuscan Olive Grove

Captures the rustic warmth and natural beauty of a sun-baked Tuscan olive grove.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Tuscan Olive Grove 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 Olive Grove.

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

Data visualization

#8C785F#B2A28C#D9D2C6#5F785F#3F5E3F

Palette guide

How to use Tuscan Olive Grove

Overview

The Tuscan Olive Grove palette (version 3) artfully captures the rustic warmth and natural beauty of a sun-baked Tuscan olive grove. This palette is characterized by its sophisticated blend of muted greens and warm, grounding neutrals, making it perfect for designs seeking a timeless, organic, and inviting atmosphere. Key hues include the deep #3F5E3F (Forest Green), the earthy #8C785F (Warm Taupe), and the soft, expansive #D9D2C6 (Light Greige). This collection is ideal for projects that require a natural, understated elegance, suitable for both digital interfaces and tangible branding materials, embodying true Mediterranean charm.

Best used for

  • Eco-tourism and travel branding
  • Organic and sustainable product lines
  • Traditional craft and artisan websites
  • Nature-themed mobile applications
  • Cozy cafe or restaurant interiors
  • Mediterranean-inspired fashion accessories

Suggested color roles

primary

Use #5F785F (Muted Sage Green) for main sections and primary branding, providing a calming and natural anchor.

secondary

Apply #8C785F (Warm Taupe) to supporting elements, offering a grounded, earthy complement to the greens.

accent

Introduce #3F5E3F (Deep Forest Green) for strong calls-to-action or important highlights, adding depth and emphasis.

background

Utilize #D9D2C6 (Light Greige) as a soft, neutral background, ensuring clarity and a serene canvas.

text

For optimal legibility on light backgrounds like #D9D2C6, use #3F5E3F or a deep charcoal. On darker backgrounds, a crisp white or near-white is recommended for contrast.

Accessibility notes

  • Ensure strong contrast between text and background, especially for #D9D2C6 with darker text like #3F5E3F.
  • Verify that interactive elements stand out clearly, perhaps using #5F785F for focus states.
  • Be cautious when pairing #8C785F and #B2A28C for small text due to their similar values.
  • Test color pairings for readability under various lighting conditions and screen types.

Recommended combinations

Grove Foundation

Ideal for content areas, providing a light, legible background with natural green and warm taupe accents.

#D9D2C6 · #5F785F · #8C785F

Deep Earth

Excellent for impactful headers or footers, combining deep green with a lighter taupe on a soft background.

#3F5E3F · #B2A28C · #D9D2C6

Rustic Green

Suitable for feature sections, blending warm taupe with muted greens for a cohesive, natural feel.

#8C785F · #5F785F · #B2A28C

CSS variables

:root {
  --tuscan-olive-grove-3-1: #8C785F;
  --tuscan-olive-grove-3-2: #B2A28C;
  --tuscan-olive-grove-3-3: #D9D2C6;
  --tuscan-olive-grove-3-4: #5F785F;
  --tuscan-olive-grove-3-5: #3F5E3F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tuscan-olive-grove-3": {
        1: "#8C785F",
        2: "#B2A28C",
        3: "#D9D2C6",
        4: "#5F785F",
        5: "#3F5E3F",
      }
    }
  }
}

Related searches

olive grove color schemerustic green palettewarm natural colorsmediterranean green brownearthy neutral tones

Palette colors

Hex values

Color 1#8C785F
·
Color 2#B2A28C
·
Color 3#D9D2C6
·
Color 4#5F785F
·
Color 5#3F5E3F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.8:1Fail
1.1:1Fail
1.7:1Fail
2
1.7:1Fail
1.7:1Fail
1.9:1Fail
2.9:1Fail
3
2.8:1Fail
1.7:1Fail
3.2:1AA18
4.8:1AA
4
1.1:1Fail
1.9:1Fail
3.2:1AA18
1.5:1Fail
5
1.7:1Fail
2.9:1Fail
4.8:1AA
1.5:1Fail

Similar palettes

More like Tuscan Olive Grove

View all earth
Rustic Tuscan Clay
Tuscan Village Path
Aegean Village
Mediterranean Clay Harvest
Mediterranean Clay Roof
Mediterranean Clay Tile