Back to palettes

Palette

Warm Terra Earth

A comforting array of warm browns and oranges, reminiscent of sun-baked earth and ancient clay.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Warm Terra 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 Warm Terra Earth.

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

Data visualization

#8B4513#CD853F#D2B48C#A0522D#CC7722

Palette guide

How to use Warm Terra Earth

Overview

The Warm Terra Earth palette presents a comforting array of warm browns and rustic oranges, reminiscent of sun-baked earth and ancient clay. With hues ranging from the deep #8B4513 to the lighter, inviting #D2B48C, this scheme provides a rich and grounded foundation for various design projects. Designers will appreciate the organic depth available through shades like #A0522D and #CD853F, ideal for creating natural textures and visual interest. Developers can leverage this consistent color family for intuitive UI elements, ensuring harmonious visual flow and a timeless aesthetic. This palette is excellent for projects aiming for a natural, rustic, or heritage feel, promising a warm and inviting presence.

Best used for

  • Earthy branding and logos
  • Desert-themed marketing campaigns
  • Pottery and ceramic product design
  • Natural beauty product packaging
  • Rustic home decor websites
  • Environmental or conservation initiatives

Suggested color roles

primary

Use #A0522D as a dominant brand color or for key navigational elements, providing a strong, warm anchor.

secondary

Apply #CD853F for supporting content blocks, subheadings, or secondary buttons, offering a lighter, inviting contrast.

accent

Utilize #CC7722 for interactive elements, highlights, or subtle graphic accents to add a touch of rustic vibrancy.

background

Employ #D2B48C for soft, warm backgrounds in sections or cards, ensuring readability with darker text.

text

The darkest shade, #8B4513, is ideal for primary body text, ensuring excellent readability on lighter backgrounds like #D2B48C or off-white.

Accessibility notes

  • Ensure sufficient contrast between #8B4513 text and lighter backgrounds like #D2B48C to meet WCAG AA standards.
  • Avoid using #CD853F or #CC7722 for small text on similar mid-tone backgrounds, as contrast may be insufficient.
  • For interactive elements, ensure distinct hover/focus states are implemented using a contrasting shade like #A0522D.
  • Consider using a near-white or light cream for primary text on the darkest shade #8B4513 to maximize readability.

Recommended combinations

Terra Base

Ideal for main content areas, headers, and footers, creating a solid, grounded design.

#D2B48C · #A0522D · #8B4513

Desert Layers

Perfect for layered backgrounds, subtle UI accents, or secondary informational text blocks.

#CD853F · #CC7722 · #A0522D

Clay Harmony

Excellent for branding elements, call-to-action buttons, or visual hierarchy in natural-themed designs.

#A0522D · #D2B48C · #CD853F

CSS variables

:root {
  --warm-terra-earth-1: #8B4513;
  --warm-terra-earth-2: #CD853F;
  --warm-terra-earth-3: #D2B48C;
  --warm-terra-earth-4: #A0522D;
  --warm-terra-earth-5: #CC7722;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "warm-terra-earth": {
        1: "#8B4513",
        2: "#CD853F",
        3: "#D2B48C",
        4: "#A0522D",
        5: "#CC7722",
      }
    }
  }
}

Related searches

warm earth tone paletteterra cotta colorsdesert landscape palettenatural clay schemerustic warm browns

Palette colors

Hex values

Color 1#8B4513
·
Color 2#CD853F
·
Color 3#D2B48C
·
Color 4#A0522D
·
Color 5#CC7722
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.4:1Fail
3.6:1AA18
1.3:1Fail
2.1:1Fail
2
2.4:1Fail
1.5:1Fail
1.9:1Fail
1.1:1Fail
3
3.6:1AA18
1.5:1Fail
2.8:1Fail
1.7:1Fail
4
1.3:1Fail
1.9:1Fail
2.8:1Fail
1.7:1Fail
5
2.1:1Fail
1.1:1Fail
1.7:1Fail
1.7:1Fail

Similar palettes

More like Warm Terra Earth

View all earth
Ancient Desert Tapestry
Arid Flower Sparkle
Artisan Clay Vessel
Artisan Clay Vessel
Cactus Bloom Desert
Canyon Whisper Sand