Back to palettes

Palette

Terra Cotta Sky

The rustic warmth of sun-baked earth meeting the softened orange glow of a distant, dusty sky.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B25D40#DE8762#F8BD97#7D3E2F#C97250

Palette guide

How to use Terra Cotta Sky

Overview

The Terra Cotta Sky palette captures the dramatic beauty of a desert sunset, where sun-baked earth meets a glowing, dusty sky. This collection of warm, inviting oranges and deep, grounding browns offers a rich and evocative aesthetic. From the vibrant #DE8762 and #C97250 to the foundational #7D3E2F, each color contributes to a cohesive, natural feel. The soft #F8BD97 provides a gentle, ethereal contrast, mimicking the last light of day. It's an excellent choice for designs that aim to convey warmth, adventure, and a connection to expansive natural landscapes. This palette is particularly effective for projects requiring a sense of depth, tranquility, and rustic elegance.

Best used for

  • Desert-themed travel branding
  • Outdoor adventure gear design
  • Southwestern-inspired home decor
  • Photography portfolios (landscapes)
  • Websites for natural history or exploration
  • Event invitations with a warm, rustic touch

Suggested color roles

primary

Use #B25D40 as a dominant color for headers or main content, providing a strong, warm, and inviting anchor.

secondary

Apply #DE8762 for supporting elements like subheadings or background accents, offering a vibrant, sun-kissed feel.

accent

Employ #7D3E2F for impactful calls-to-action or important details, adding deep contrast and grounding the design.

background

Utilize #F8BD97 for light, airy backgrounds, creating a soft, expansive canvas reminiscent of a dusty sky.

text

For body text, #7D3E2F ensures excellent readability on lighter backgrounds, conveying a sense of grounded stability.

Accessibility notes

  • Ensure #7D3E2F text has strong contrast against #F8BD97 backgrounds for optimal readability.
  • Avoid using #DE8762 on #B25D40 for small text due to potential low contrast.
  • Lighter shades like #F8BD97 are best reserved for backgrounds or large decorative elements.
  • Prioritize darker hues like #7D3E2F for critical information to meet accessibility standards.

Recommended combinations

Sunset Glow

Captures the vibrant and soft hues of a sunset, ideal for evocative and warm designs.

#DE8762 · #B25D40 · #F8BD97

Desert Earth

Focuses on the deeper, grounding tones, excellent for conveying strength, heritage, and natural depth.

#7D3E2F · #C97250 · #B25D40

Dusty Horizon

A lighter, more expansive combination, suitable for backgrounds or designs with an open, airy feel.

#F8BD97 · #DE8762 · #7D3E2F

CSS variables

:root {
  --terra-cotta-sky-2-1: #B25D40;
  --terra-cotta-sky-2-2: #DE8762;
  --terra-cotta-sky-2-3: #F8BD97;
  --terra-cotta-sky-2-4: #7D3E2F;
  --terra-cotta-sky-2-5: #C97250;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "terra-cotta-sky-2": {
        1: "#B25D40",
        2: "#DE8762",
        3: "#F8BD97",
        4: "#7D3E2F",
        5: "#C97250",
      }
    }
  }
}

Related searches

desert sunset colorswarm terracotta palettesouthwestern design huesearthy orange brown schemenatural landscape palette

Palette colors

Hex values

Color 1#B25D40
·
Color 2#DE8762
·
Color 3#F8BD97
·
Color 4#7D3E2F
·
Color 5#C97250
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.8:1Fail
1.7:1Fail
1.3:1Fail
2
1.7:1Fail
1.6:1Fail
3:1Fail
1.3:1Fail
3
2.8:1Fail
1.6:1Fail
4.9:1AA
2.1:1Fail
4
1.7:1Fail
3:1Fail
4.9:1AA
2.3:1Fail
5
1.3:1Fail
1.3:1Fail
2.1:1Fail
2.3:1Fail

Similar palettes

More like Terra Cotta Sky

View all earth
Bohemian Desert Bloom
Canyon Wall Rust
Canyon Whisper Sands
Desert Clay Warmth
Desert Rose Bloom
Sunbaked Clay Earth