Back to palettes

Palette

Sunlit Adobe Walls

Warm, sun-baked tones reflecting traditional adobe architecture under a clear sky.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#AE4D3F#C1674B#E19965#F5CBA0#7A3F36

Palette guide

How to use Sunlit Adobe Walls

Overview

The Sunlit Adobe Walls palette captures the essence of sun-baked architecture with its rich, earthy tones. It features a deep terracotta (#AE4D3F) and a vibrant reddish-orange (#C1674B), softened by a warm peach (#E19965) and a creamy beige (#F5CBA0). A grounding, dark brown (#7A3F36) anchors the scheme, providing depth and contrast. This palette is excellent for projects seeking to convey rustic warmth, cultural heritage, and the inviting, natural textures of desert landscapes. It radiates a sense of history and sun-drenched comfort.

Best used for

  • Southwestern-themed branding
  • Rustic home decor and interiors
  • Cultural event promotions
  • Artisanal craft packaging
  • Travel and adventure blogs (desert themes)
  • Organic or natural product lines

Suggested color roles

primary

Utilize #AE4D3F (Terracotta) for main branding elements, large headings, or background sections that require warmth and a strong identity.

secondary

Apply #E19965 (Peach) as a softer, sunlit highlight for secondary information, accents, or to add a gentle glow to illustrations.

accent

Use #C1674B (Reddish-Orange) to draw attention to interactive elements, important call-outs, or to inject a subtle vibrancy.

background

Employ #F5CBA0 (Creamy Beige) as a light, airy background, allowing the richer tones to stand out while maintaining a warm base.

text

Choose #7A3F36 (Dark Brown) for all body text, ensuring excellent readability and a harmonious, natural feel against lighter backgrounds, or use a deep charcoal.

Accessibility notes

  • Ensure high contrast by using #7A3F36 for text on #F5CBA0 or #E19965 backgrounds.
  • Avoid placing #E19965 text on #F5CBA0 without significant size or weight to maintain readability.
  • For larger headings, #AE4D3F can be effective on #F5CBA0, but consider a darker shade for smaller text.
  • Always check contrast ratios for text and interactive elements to meet accessibility standards.

Recommended combinations

Adobe Glow

Ideal for creating a core visual identity, blending deep earth with a sunlit highlight.

#AE4D3F · #F5CBA0 · #C1674B

Desert Sunset

Use for sections depicting depth, shadow, and the soft, rich hues of a desert evening.

#AE4D3F · #E19965 · #7A3F36

Warm Earth

Excellent for balanced layouts where warmth and grounding contrast are desired.

#C1674B · #7A3F36 · #F5CBA0

CSS variables

:root {
  --sunlit-adobe-walls-1: #AE4D3F;
  --sunlit-adobe-walls-2: #C1674B;
  --sunlit-adobe-walls-3: #E19965;
  --sunlit-adobe-walls-4: #F5CBA0;
  --sunlit-adobe-walls-5: #7A3F36;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunlit-adobe-walls": {
        1: "#AE4D3F",
        2: "#C1674B",
        3: "#E19965",
        4: "#F5CBA0",
        5: "#7A3F36",
      }
    }
  }
}

Related searches

adobe house colorssouthwestern paletteterracotta color schemedesert warm tonesrustic earth palette

Palette colors

Hex values

Color 1#AE4D3F
·
Color 2#C1674B
·
Color 3#E19965
·
Color 4#F5CBA0
·
Color 5#7A3F36
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.3:1Fail
3.5:1AA18
1.5:1Fail
2
1.3:1Fail
1.7:1Fail
2.6:1Fail
2:1Fail
3
2.3:1Fail
1.7:1Fail
1.6:1Fail
3.5:1AA18
4
3.5:1AA18
2.6:1Fail
1.6:1Fail
5.4:1AA
5
1.5:1Fail
2:1Fail
3.5:1AA18
5.4:1AA

Similar palettes

More like Sunlit Adobe Walls

View all warm
Desert Rose Canyon
Kiln Fired Earth
Sedona Horizon Glow
Terracotta Pot Warmth
Tuscan Earth Glow
Amber Sands Mirage