Back to palettes

Palette

Terra Nova

Deep earth tones and warm terracottas represent rich, fertile new lands awaiting exploration.

EarthNatural5 colors
More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B4513#A0522D#CD853F#D2B48C#F4A460

Palette guide

How to use Terra Nova

Overview

The Terra Nova palette embodies the essence of rich, fertile new lands with its diverse range of deep earth tones and warm terracottas. Featuring grounding shades like #8B4513 and #A0522D, alongside lighter, inviting hues such as #D2B48C and #F4A460, this palette offers a natural and rustic aesthetic. It's an excellent choice for designers and developers aiming to create brand identities or digital experiences that convey authenticity, growth, and a connection to the natural world, providing a warm and stable visual foundation.

Best used for

  • Sustainable and organic product branding
  • Artisanal craft businesses and workshops
  • Travel agencies specializing in eco-tourism
  • Home decor and furniture design
  • Educational content about nature or history
  • Agricultural or landscaping services websites

Suggested color roles

primary

The rich #A0522D serves as an inviting primary color, ideal for headings, main content areas, or brand logos.

secondary

Use #CD853F for supporting elements, subheadings, or as a background for sections that need a slightly lighter, warm presence.

accent

The lightest, sandy #F4A460 provides a gentle accent, perfect for highlights, interactive elements, or subtle graphic details.

background

The soft #D2B48C offers a clean, neutral background, allowing darker elements to stand out. For a deeper base, consider #8B4513.

text

For optimal readability on lighter backgrounds like #D2B48C, use the darkest shade #8B4513 or a deep charcoal. On dark backgrounds, a crisp off-white is recommended.

Accessibility notes

  • Ensure sufficient contrast when using #D2B48C and #F4A460 together for text, as they are close in value.
  • The deep #8B4513 offers excellent contrast for light text, ensuring readability.
  • Pair the warm #CD853F with #8B4513 for strong readability and a balanced visual impact.
  • Avoid placing light text on #A0522D without checking WCAG contrast ratios.

Recommended combinations

Fertile Ground

Creates a grounded yet open feel, great for defining sections and content blocks.

#8B4513 · #A0522D · #D2B48C

New Harvest

Offers a warm, inviting combination, suitable for product descriptions or testimonials.

#CD853F · #F4A460 · #D2B48C

Terra Root

A robust and cohesive trio for navigation or footer elements, conveying natural authenticity.

#A0522D · #8B4513 · #CD853F

CSS variables

:root {
  --terra-nova-1: #8B4513;
  --terra-nova-2: #A0522D;
  --terra-nova-3: #CD853F;
  --terra-nova-4: #D2B48C;
  --terra-nova-5: #F4A460;
}

Tailwind config

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

Related searches

new earth color paletterustic brown orangenatural terracotta schemefertile land colorswarm earthy tones

Palette colors

Hex values

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

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.4:1Fail
3.6:1AA18
3.5:1AA18
2
1.3:1Fail
1.9:1Fail
2.8:1Fail
2.8:1Fail
3
2.4:1Fail
1.9:1Fail
1.5:1Fail
1.5:1Fail
4
3.6:1AA18
2.8:1Fail
1.5:1Fail
1:1Fail
5
3.5:1AA18
2.8:1Fail
1.5:1Fail
1:1Fail

Similar palettes

More like Terra Nova

View all Earth
Whispering Clay Path
Bohemian Earth Vessel
Bohemian Textile Blend
Botanical Earth Ground
Earthen Clay Pot
Rustic Barnwood Tones