Back to palettes

Palette

Terra Cotta Dream

A grounding palette reminiscent of sun-baked landscapes and ancient pottery, offering comfort and warmth.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B4513#A0522D#CD853F#D2B48C#F5DEB3

Palette guide

How to use Terra Cotta Dream

Overview

The Terra Cotta Dream palette is a deeply grounding collection, evoking sun-baked landscapes and ancient pottery with comforting warmth. Ranging from the rich, dark #8B4513 to the soft, luminous #F5DEB3, and featuring the inviting #CD853F, this palette is ideal for creating serene and authentic digital experiences. Designers and developers can leverage the robust #A0522D for strong foundational elements, while the lighter #D2B48C offers a gentle, sandy texture. This collection provides a versatile and cohesive foundation for projects seeking a natural, rustic, and profoundly comforting aesthetic, perfect for conveying stability and organic beauty.

Best used for

  • E-commerce for natural, organic products
  • Wellness and meditation app interfaces
  • Rustic wedding or event branding
  • Interior design blogs focused on earthy tones
  • Photography portfolios showcasing landscapes or portraits
  • Branding for artisanal coffee or chocolate

Suggested color roles

primary

Use #A0522D for main calls to action, providing a strong, warm, and inviting focal point.

secondary

Apply #CD853F for supporting elements or secondary navigation, offering a brighter, more approachable orange-brown.

accent

Reserve #F5DEB3 for delicate highlights, soft background textures, or light typography on dark backgrounds.

background

Employ #D2B48C for a soft, sandy base that allows content to shine, or #8B4513 for a dramatic backdrop.

text

A deep brown like #8B4513 provides excellent contrast on #D2B48C and #F5DEB3; white text works well on #A0522D.

Accessibility notes

  • #D2B48C and #F5DEB3 are very light; ensure dark text (e.g., #8B4513 or black) is used for readability.
  • Check contrast between #A0522D and #CD853F if used for text and background, as they are close in value.
  • For interactive elements, provide clear visual cues beyond color, especially for the similar brown-orange tones.
  • Consider using a rich, dark brown or charcoal for body text on any of the lighter background colors.

Recommended combinations

Desert Sunset

Creates a warm, descending gradient, ideal for headers or rich textural backgrounds.

#8B4513 · #A0522D · #CD853F

Sandy Glow

Soft, airy base with a brighter accent and a grounding darker tone for clean, warm interfaces.

#D2B48C · #F5DEB3 · #A0522D

Earthen Harmony

A central warm orange, with a deep brown for text and a light beige for background elements.

#CD853F · #8B4513 · #D2B48C

CSS variables

:root {
  --terra-cotta-dream-1: #8B4513;
  --terra-cotta-dream-2: #A0522D;
  --terra-cotta-dream-3: #CD853F;
  --terra-cotta-dream-4: #D2B48C;
  --terra-cotta-dream-5: #F5DEB3;
}

Tailwind config

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

Related searches

terracotta dream paletteearthy brown orange schemerustic desert UI colorswarm clay hex codesnatural comfort design

Palette colors

Hex values

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

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.4:1Fail
3.6:1AA18
5.4:1AA
2
1.3:1Fail
1.9:1Fail
2.8:1Fail
4.3:1AA18
3
2.4:1Fail
1.9:1Fail
1.5:1Fail
2.3:1Fail
4
3.6:1AA18
2.8:1Fail
1.5:1Fail
1.5:1Fail
5
5.4:1AA
4.3:1AA18
2.3:1Fail
1.5:1Fail

Similar palettes

More like Terra Cotta Dream

View all earth
Adobe Sunset Glow
Ancient Clay Vessel
Ancient Desert Tapestry
Canyon Wall Rust
Desert Clay Bloom
Desert Clay Pottery