Back to palettes

Palette

Sunbaked Adobe Earth

Deep, sun-baked reds and soft tans reminiscent of ancient adobe structures warmed by the desert sun.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunbaked Adobe 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 Sunbaked Adobe Earth.

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

Data visualization

#A0522D#C47F58#E2B292#FAE3C2#7D4122

Palette guide

How to use Sunbaked Adobe Earth

Overview

The "Sunbaked Adobe Earth" palette captures the essence of sun-drenched landscapes and ancient, rustic structures. It presents a beautiful spectrum of warm, earthy browns and soft, inviting creams. From the deep, rich brown of #A0522D and the slightly brighter #C47F58 to the warm, peachy tan of #E2B292, the palette builds a cohesive natural feel. The near-white #FAE3C2 offers a gentle lightness, while the darkest hue, #7D4122, provides strong grounding. This palette is ideal for projects emphasizing natural materials, heritage, and a warm, comforting aesthetic.

Best used for

  • Ancient history educational platforms
  • Eco-conscious fashion brands
  • Rustic farmhouse decor websites
  • Organic coffee or tea packaging
  • Cultural event promotions
  • Natural skincare product lines

Suggested color roles

primary

Use #A0522D for main headings or significant design elements to convey depth and natural richness.

secondary

Apply #C47F58 for subheadings, navigation, or call-to-action buttons, offering a warm, inviting tone.

accent

Reserve #7D4122 for strong contrasts, borders, or important details that require a deep, grounding presence.

background

#FAE3C2 serves as a soft, luminous background, creating an open and welcoming canvas.

text

A dark charcoal or black text works best on #FAE3C2 for optimal readability. #FAE3C2 can also be used for text on #7D4122.

Accessibility notes

  • Ensure text on #A0522D or #C47F58 has sufficient contrast, often requiring light text.
  • #FAE3C2 provides an excellent light background for dark text, meeting WCAG AA standards.
  • Avoid using #E2B292 as text on #C47F58 due to potential low contrast.
  • Always check contrast ratios when combining mid-tones from this palette for text and backgrounds.

Recommended combinations

Earthy Foundation

Ideal for establishing a strong, natural brand identity, using the dark tone for impact and the light for readability.

#A0522D · #FAE3C2 · #C47F58

Warm Glow

Creates a soft, inviting atmosphere for content sections or testimonials, with gentle color transitions.

#E2B292 · #C47F58 · #FAE3C2

Deep Roots

Effective for footers or sidebars, providing a strong, grounded visual anchor with clear, contrasting elements.

#7D4122 · #FAE3C2 · #A0522D

CSS variables

:root {
  --sunbaked-adobe-earth-1: #A0522D;
  --sunbaked-adobe-earth-2: #C47F58;
  --sunbaked-adobe-earth-3: #E2B292;
  --sunbaked-adobe-earth-4: #FAE3C2;
  --sunbaked-adobe-earth-5: #7D4122;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunbaked-adobe-earth": {
        1: "#A0522D",
        2: "#C47F58",
        3: "#E2B292",
        4: "#FAE3C2",
        5: "#7D4122",
      }
    }
  }
}

Related searches

rustic earth paletteadobe brown color schemenatural heritage colorswarm desert tonesorganic ancient palette

Palette colors

Hex values

Color 1#A0522D
·
Color 2#C47F58
·
Color 3#E2B292
·
Color 4#FAE3C2
·
Color 5#7D4122
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.9:1Fail
4.5:1AA
1.4:1Fail
2
1.7:1Fail
1.7:1Fail
2.6:1Fail
2.5:1Fail
3
2.9:1Fail
1.7:1Fail
1.5:1Fail
4.2:1AA18
4
4.5:1AA
2.6:1Fail
1.5:1Fail
6.3:1AA
5
1.4:1Fail
2.5:1Fail
4.2:1AA18
6.3:1AA

Similar palettes

More like Sunbaked Adobe Earth

View all earth
Earthen Pot Shard
Sunbaked Adobe Wall
Adobe Desert Hues
Adobe Sunset
Adobe Sunset Glow
Ancestral Clay Vessel