Back to palettes

Palette

Terra Cotta Fields

Rich, earthy tones inspired by ancient pottery and sun-baked terracotta landscapes.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Terra Cotta Fields 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 Terra Cotta Fields.

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

Data visualization

#B35E44#D6946F#E0B49F#8E4B35#6F3B2A

Palette guide

How to use Terra Cotta Fields

Overview

The Terra Cotta Fields palette captures the robust, sun-baked essence of ancient pottery and expansive, earthy landscapes. This collection of rich, rustic tones, including the deep #8E4B35 and the vibrant #B35E44, offers a grounded and authentic feel. Lighter shades like #D6946F and #E0B49F provide gentle contrast, while the profound #6F3B2A anchors the palette with its strong, foundational presence. It's an excellent choice for designs that aim to convey durability, heritage, and a connection to natural elements. This palette is particularly effective for projects requiring a warm, inviting, and inherently stable aesthetic, resonating with a sense of tradition and timelessness.

Best used for

  • Heritage brand identity
  • Rustic farmhouse interior decor
  • Artisan craft product design
  • Outdoor and garden-related businesses
  • Packaging for coffee or baked goods
  • Websites with a vintage or handcrafted appeal

Suggested color roles

primary

Utilize #B35E44 as a dominant color for headings or key features, offering a warm and inviting presence.

secondary

Apply #D6946F for supporting content, subheadings, or background textures, providing a softer, sun-kissed feel.

accent

Employ #8E4B35 for impactful calls-to-action or important details, adding depth and strong contrast.

background

Use #E0B49F for light, earthy backgrounds, creating a soft and welcoming canvas.

text

For body text, #6F3B2A offers excellent readability on lighter backgrounds, conveying a sense of grounded stability.

Accessibility notes

  • Ensure #6F3B2A text has strong contrast against #E0B49F backgrounds for optimal readability.
  • Be cautious using #D6946F on #B35E44 for small text due to potential low contrast.
  • Lighter shades like #E0B49F are best reserved for backgrounds or large decorative elements.
  • Prioritize darker hues like #8E4B35 or #6F3B2A for essential text elements to meet accessibility standards.

Recommended combinations

Rich Earth

A balanced combination for a classic, robust feel, pairing strong tones with a soft, natural background.

#B35E44 · #8E4B35 · #E0B49F

Sunbaked Clay

Evokes warmth and depth, ideal for designs centered around natural materials or rustic themes.

#D6946F · #B35E44 · #6F3B2A

Deep Roots

Focuses on the palette's deeper, grounding tones, excellent for conveying stability and tradition.

#6F3B2A · #8E4B35 · #D6946F

CSS variables

:root {
  --terra-cotta-fields-1: #B35E44;
  --terra-cotta-fields-2: #D6946F;
  --terra-cotta-fields-3: #E0B49F;
  --terra-cotta-fields-4: #8E4B35;
  --terra-cotta-fields-5: #6F3B2A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "terra-cotta-fields": {
        1: "#B35E44",
        2: "#D6946F",
        3: "#E0B49F",
        4: "#8E4B35",
        5: "#6F3B2A",
      }
    }
  }
}

Related searches

rustic color schemesearthy brand paletteclay inspired colorswarm natural tonesheritage design palette

Palette colors

Hex values

Color 1#B35E44
·
Color 2#D6946F
·
Color 3#E0B49F
·
Color 4#8E4B35
·
Color 5#6F3B2A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
2.4:1Fail
1.4:1Fail
2:1Fail
2
1.8:1Fail
1.3:1Fail
2.6:1Fail
3.6:1AA18
3
2.4:1Fail
1.3:1Fail
3.5:1AA18
4.8:1AA
4
1.4:1Fail
2.6:1Fail
3.5:1AA18
1.4:1Fail
5
2:1Fail
3.6:1AA18
4.8:1AA
1.4:1Fail

Similar palettes

More like Terra Cotta Fields

View all earth