Back to palettes

Palette

Southwest Adobe Warmth

Rich, earthy reds and sun-faded oranges mirroring the inviting warmth of a sun-baked adobe structure.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Southwest Adobe Warmth 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 Southwest Adobe Warmth.

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

Data visualization

#B25A4B#D07B69#E39C8A#F5BFAC#FAE6DD

Palette guide

How to use Southwest Adobe Warmth

Overview

The Southwest Adobe Warmth palette radiates a comforting, sun-baked appeal, mirroring the inviting tones of traditional adobe structures. This gradient of earthy reds and oranges includes a deep terracotta (#B25A4B), a warm canyon clay (#D07B69), a softer peach-pink (#E39C8A), a lighter sandy blush (#F5BFAC), and a creamy off-white (#FAE6DD). Designers and developers will find this palette excellent for creating rustic, natural, or cozy aesthetics. Its harmonious and subtle variations are ideal for interior design, natural product branding, or digital interfaces that aim to evoke a sense of calm, grounded comfort.

Best used for

  • Interior design and home decor
  • Rustic and natural product branding
  • Desert-themed websites and apps
  • Cozy cafes and artisanal shops
  • Southwestern cultural heritage projects
  • Spa and wellness branding

Suggested color roles

primary

Use #D07B69 as the inviting, central adobe tone for main content areas or backgrounds.

secondary

Apply #B25A4B for deeper grounding, perhaps in footers, navigation, or strong accents.

accent

Introduce #E39C8A for soft, warm highlights or subtle decorative elements.

background

Utilize #FAE6DD as a light, airy base that provides an excellent canvas for other colors.

text

Employ #B25A4B for body text and headings, ensuring a rich, readable dark tone against lighter backgrounds.

Accessibility notes

  • #FAE6DD provides excellent contrast for darker text like #B25A4B, ensuring readability.
  • Ensure mid-tones like #E39C8A have enough contrast when used for text against lighter backgrounds.
  • Test color pairings for legibility, especially with the subtle variations between the lighter shades.
  • Avoid using very light text on #D07B69 or #B25A4B without careful contrast verification.

Recommended combinations

Adobe Gradient

Create a smooth, natural transition for banners, hero sections, or background elements.

#B25A4B · #D07B69 · #E39C8A

Warm & Light

Achieve an airy, inviting feel, perfect for lifestyle blogs or cozy e-commerce sites.

#FAE6DD · #F5BFAC · #D07B69

Rustic Depth

Use the deep terracotta as a strong anchor with soft highlights for a balanced, sophisticated look.

#B25A4B · #E39C8A · #FAE6DD

CSS variables

:root {
  --southwest-adobe-warmth-1: #B25A4B;
  --southwest-adobe-warmth-2: #D07B69;
  --southwest-adobe-warmth-3: #E39C8A;
  --southwest-adobe-warmth-4: #F5BFAC;
  --southwest-adobe-warmth-5: #FAE6DD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "southwest-adobe-warmth": {
        1: "#B25A4B",
        2: "#D07B69",
        3: "#E39C8A",
        4: "#F5BFAC",
        5: "#FAE6DD",
      }
    }
  }
}

Related searches

southwest color paletteadobe house colorswarm rustic designdesert earth tonesnatural branding colors

Palette colors

Hex values

Color 1#B25A4B
·
Color 2#D07B69
·
Color 3#E39C8A
·
Color 4#F5BFAC
·
Color 5#FAE6DD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.1:1Fail
2.9:1Fail
3.9:1AA18
2
1.5:1Fail
1.4:1Fail
1.9:1Fail
2.6:1Fail
3
2.1:1Fail
1.4:1Fail
1.4:1Fail
1.9:1Fail
4
2.9:1Fail
1.9:1Fail
1.4:1Fail
1.3:1Fail
5
3.9:1AA18
2.6:1Fail
1.9:1Fail
1.3:1Fail

Similar palettes

More like Southwest Adobe Warmth

View all warm
Canyon Sunrise Wash
Canyon Vista Radiance
Desert Hearth Warmth
Desert Rose Canyon
Desert Sunset Glow
Desert Sunset Warmth