Back to palettes

Palette

Sunbaked Adobe Walls

Evokes the sun-drenched, weathered walls of ancient desert dwellings, filled with warmth and history.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E2B27E#C88D4E#A16A34#784C21#5B3714

Palette guide

How to use Sunbaked Adobe Walls

Overview

The "Sunbaked Adobe Walls" palette offers a rich, earthy spectrum perfect for evoking warmth, history, and natural elegance. Centered around deep terracotta and sun-drenched browns like #A16A34 and #C88D4E, this collection is ideal for projects seeking an organic, rustic feel. From the light, sandy hue of #E2B27E to the profound depth of #5B3714, designers can craft interfaces that feel grounded and inviting. Developers will find these hex codes provide a consistent, visually harmonious foundation, ensuring a cohesive user experience across various elements. This palette is excellent for conveying authenticity and a connection to nature.

Best used for

  • Rustic interior design visualizations
  • Southwestern-themed branding and websites
  • Ecotourism or nature-focused apps
  • Artisan craft product packaging
  • Historical documentary or museum exhibit design
  • Warm, inviting blog themes

Suggested color roles

primary

#A16A34 – Use this rich, classic adobe brown for main sections, primary buttons, or significant headings to convey warmth and stability.

secondary

#C88D4E – Ideal for secondary calls to action, subheadings, or background elements that need more presence than a light neutral, harmonizing with the primary.

accent

#E2B27E – This light, sun-drenched beige is perfect for highlights, active states, small decorative elements, or subtle background textures, adding a touch of brightness.

background

#E2B27E – A light, warm base that provides a subtle, inviting canvas without overwhelming other colors. Ensures good readability with darker text.

text

#5B3714 – This deep, dark brown offers excellent contrast and readability for body text, maintaining the palette's earthy integrity. For maximum accessibility, consider a standard black or charcoal.

Accessibility notes

  • Ensure sufficient contrast between #E2B27E backgrounds and lighter text colors; use darker hues like #5B3714 or black for readability.
  • Text set in #C88D4E or #A16A34 needs a very light background, such as pure white or #E2B27E, to meet WCAG AA standards.
  • Use #5B3714 for primary body text against #E2B27E or white backgrounds for optimal legibility across devices.
  • Avoid placing #784C21 text directly on #5B3714 backgrounds, as contrast will be insufficient for most users.

Recommended combinations

Desert Sunset

Perfect for a warm, inviting landing page where #E2B27E forms the background, #A16A34 defines main content blocks, and #5B3714 is used for prominent text or strong accents.

#E2B27E · #A16A34 · #5B3714

Rustic Depth

Excellent for UI elements requiring depth; #C88D4E as a base, #784C21 for borders or secondary elements, and #E2B27E for interactive states or icons.

#C88D4E · #784C21 · #E2B27E

Earthy Contrast

Ideal for a dark mode or high-contrast sections. #5B3714 serves as a rich background, #E2B27E for primary text, and #A16A34 for secondary information or accent graphics.

#5B3714 · #E2B27E · #A16A34

CSS variables

:root {
  --sunbaked-adobe-walls-1: #E2B27E;
  --sunbaked-adobe-walls-2: #C88D4E;
  --sunbaked-adobe-walls-3: #A16A34;
  --sunbaked-adobe-walls-4: #784C21;
  --sunbaked-adobe-walls-5: #5B3714;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunbaked-adobe-walls": {
        1: "#E2B27E",
        2: "#C88D4E",
        3: "#A16A34",
        4: "#784C21",
        5: "#5B3714",
      }
    }
  }
}

Related searches

adobe color schemesterracotta brand colorsdesert inspired palettewarm rustic color codesearth tone web design

Palette colors

Hex values

Color 1#E2B27E
·
Color 2#C88D4E
·
Color 3#A16A34
·
Color 4#784C21
·
Color 5#5B3714
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.4:1Fail
3.8:1AA18
5.4:1AA
2
1.5:1Fail
1.6:1Fail
2.6:1Fail
3.7:1AA18
3
2.4:1Fail
1.6:1Fail
1.6:1Fail
2.3:1Fail
4
3.8:1AA18
2.6:1Fail
1.6:1Fail
1.4:1Fail
5
5.4:1AA
3.7:1AA18
2.3:1Fail
1.4:1Fail

Similar palettes

More like Sunbaked Adobe Walls

View all earth
Adobe Sunset Glow
Canyon Wall Rust
Spice Route Caravan
Spicy Clay Hearth
Sunbaked Clay Earth
Sunbaked Clay Earth