Back to palettes

Palette

Sunbaked Adobe Wall

Warm, inviting browns and oranges echoing sun-drenched adobe homes in a tranquil desert setting.

EarthNatural5 colors
More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A36A5B#C28B78#E0AD95#F5D3BB#FFF3E0

Palette guide

How to use Sunbaked Adobe Wall

Overview

The "Sunbaked Adobe Wall" palette offers a serene and inviting collection of warm, muted browns and soft, creamy hues, reminiscent of ancient structures bathed in gentle sunlight. It features a rich, grounding brown #A36A5B and a softer, welcoming tan #C28B78, complemented by lighter, airy shades like #E0AD95 and #F5D3BB. The near-white #FFF3E0 provides a pristine, luminous base. This palette is perfect for designers seeking to evoke calm, natural beauty, and a sense of timeless elegance, ideal for projects with a focus on heritage, comfort, or organic aesthetics.

Best used for

  • Heritage brand identity
  • Rustic wedding stationery
  • Organic food packaging
  • Cozy home decor websites
  • Spa and relaxation branding
  • Architectural design presentations

Suggested color roles

primary

Use #C28B78 for main content areas or significant brand elements to establish a warm, inviting presence.

secondary

Apply #A36A5B for subheadings, navigation, or important graphical elements, providing depth and sophistication.

accent

Reserve #E0AD95 for subtle highlights, interactive states, or decorative lines, adding a gentle touch of warmth.

background

#FFF3E0 serves as an excellent light, airy background, enhancing the palette's soft, natural feel.

text

A dark brown or charcoal text works best on #FFF3E0 for optimal readability. #FFF3E0 can be used for text on #A36A5B.

Accessibility notes

  • Ensure sufficient contrast when placing text on #A36A5B or #C28B78; light text is often required.
  • #FFF3E0 provides an excellent light background for dark text, meeting WCAG AA standards.
  • Avoid using #F5D3BB as text on #E0AD95 due to potential low contrast.
  • Always check contrast ratios when combining mid-tones from this palette for text and backgrounds.

Recommended combinations

Desert Calm

Creates a serene and open feel for hero sections or brand identity, using light tones for spaciousness and gentle warmth.

#FFF3E0 · #E0AD95 · #C28B78

Earthy Comfort

Ideal for content blocks or testimonials, offering a strong, grounded base with bright, readable accents.

#A36A5B · #F5D3BB · #C28B78

Muted Harmony

Effective for subtle gradients or layered design elements, showcasing a smooth, harmonious progression of warm neutrals.

#C28B78 · #E0AD95 · #F5D3BB

CSS variables

:root {
  --sunbaked-adobe-wall-3-1: #A36A5B;
  --sunbaked-adobe-wall-3-2: #C28B78;
  --sunbaked-adobe-wall-3-3: #E0AD95;
  --sunbaked-adobe-wall-3-4: #F5D3BB;
  --sunbaked-adobe-wall-3-5: #FFF3E0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunbaked-adobe-wall-3": {
        1: "#A36A5B",
        2: "#C28B78",
        3: "#E0AD95",
        4: "#F5D3BB",
        5: "#FFF3E0",
      }
    }
  }
}

Related searches

muted adobe palettesoft terracotta colorswarm neutral earth tonesrustic brown beige schemenatural heritage design

Palette colors

Hex values

Color 1#A36A5B
·
Color 2#C28B78
·
Color 3#E0AD95
·
Color 4#F5D3BB
·
Color 5#FFF3E0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.2:1Fail
3.1:1AA18
4:1AA18
2
1.5:1Fail
1.5:1Fail
2.1:1Fail
2.6:1Fail
3
2.2:1Fail
1.5:1Fail
1.4:1Fail
1.8:1Fail
4
3.1:1AA18
2.1:1Fail
1.4:1Fail
1.3:1Fail
5
4:1AA18
2.6:1Fail
1.8:1Fail
1.3:1Fail

Similar palettes

More like Sunbaked Adobe Wall

View all Earth
Apothecary Herb Dry
Botanical Earth Ground
Desert Bloom Echo
Desert Cactus Bloom
Desert Clay Hearth
Desert Mesa Sculptures