Back to palettes

Palette

Sun-Kissed Adobe Wall

Warm, inviting shades of earthy browns and oranges, evoking the sun-drenched walls of an adobe home.

EarthNatural5 colors
More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D2B48C#E9D6BE#FAEBD7#FFDAB9#CD853F

Palette guide

How to use Sun-Kissed Adobe Wall

Overview

The Sun-Kissed Adobe Wall palette captures the warm, inviting essence of sun-drenched adobe architecture with its earthy and soft tones. It features a warm sandy brown (#D2B48C), a lighter beige (#E9D6BE), a creamy antique white (#FAEBD7), a delicate peach (#FFDAB9), and a rich medium brown (#CD853F). This collection offers a harmonious blend of muted warmth and subtle lightness, making it exceptionally versatile for designers and developers. It's ideal for projects aiming to evoke a sense of natural comfort, rustic charm, or a serene Southwestern aesthetic.

Best used for

  • Southwestern-themed interior design or architecture
  • Natural and organic skincare or beauty brands
  • Pottery and artisan craft e-commerce sites
  • Desert landscape photography portfolios
  • Home renovation and staging websites
  • Wellness and mindfulness digital applications

Suggested color roles

primary

#CD853F (Medium Brown) serves as a grounding primary, ideal for headings, borders, or structural elements.

secondary

#D2B48C (Sandy Brown) offers a warm, versatile secondary for subheadings or prominent UI elements.

accent

#E9D6BE (Lighter Beige) provides a subtle, soft accent for highlights, hover states, or delicate decorative details.

background

#FAEBD7 (Creamy Antique White) is the perfect light background, providing a clean canvas.

text

A dark chocolate brown (#5C4033) or a deep charcoal (#333333) for body text, ensuring readability while maintaining the earthy feel.

Accessibility notes

  • #E9D6BE, #FAEBD7, and #FFDAB9 are very light; use them primarily as backgrounds or for large graphical elements.
  • Ensure #D2B48C (Sandy Brown) and #CD853F (Medium Brown) have sufficient contrast against light backgrounds for text.
  • Avoid using very light colors for small text; if used, ensure text is very large and bold, or pair with extremely dark text.
  • For interactive elements, ensure hover states provide clear visual feedback beyond just slight color changes, as many tones are subtle.

Recommended combinations

Adobe Earth

Creates a smooth, natural gradient, perfect for conveying depth in backgrounds or headers.

#CD853F · #D2B48C · #E9D6BE

Sun-Washed

Ideal for delicate details, subtle accents, or creating a light and airy feel.

#FAEBD7 · #FFDAB9 · #E9D6BE

Desert Contrast

Provides a strong, grounded foundation with a clean background, suitable for main content areas.

#CD853F · #FAEBD7 · #D2B48C

CSS variables

:root {
  --sun-kissed-adobe-wall-1: #D2B48C;
  --sun-kissed-adobe-wall-2: #E9D6BE;
  --sun-kissed-adobe-wall-3: #FAEBD7;
  --sun-kissed-adobe-wall-4: #FFDAB9;
  --sun-kissed-adobe-wall-5: #CD853F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sun-kissed-adobe-wall": {
        1: "#D2B48C",
        2: "#E9D6BE",
        3: "#FAEBD7",
        4: "#FFDAB9",
        5: "#CD853F",
      }
    }
  }
}

Related searches

adobe color palettesouthwestern earth tonessun-kissed beige brownrustic desert colorsnatural home decor palette

Palette colors

Hex values

Color 1#D2B48C
·
Color 2#E9D6BE
·
Color 3#FAEBD7
·
Color 4#FFDAB9
·
Color 5#CD853F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.7:1Fail
1.5:1Fail
1.5:1Fail
2
1.4:1Fail
1.2:1Fail
1.1:1Fail
2.1:1Fail
3
1.7:1Fail
1.2:1Fail
1.1:1Fail
2.6:1Fail
4
1.5:1Fail
1.1:1Fail
1.1:1Fail
2.3:1Fail
5
1.5:1Fail
2.1:1Fail
2.6:1Fail
2.3:1Fail

Similar palettes

More like Sun-Kissed Adobe Wall

View all Earth
Desert Bloom Echo
Desert Canyon Clay
Desert Clay Hearth
Desert Mesa Sculptures
Mystic Canyon Glow
Sun-Kissed Adobe