Back to palettes

Palette

Sunset Adobe House

Captures the warm glow of an adobe house bathed in the golden light of a desert sunset.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunset Adobe House 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 Sunset Adobe House.

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

Data visualization

#B87333#C21807#E09516#8B4513#A94A2A

Palette guide

How to use Sunset Adobe House

Overview

The "Sunset Adobe House" palette radiates the warm, inviting glow of a desert sunset illuminating an adobe dwelling. This rich, earthy collection features a coppery brown (#B87333), a deep, fiery red (#C21807), a vibrant golden orange (#E09516), a dark, rustic brown (#8B4513), and a warm terracotta red (#A94A2A). It's an excellent choice for designers and developers aiming to create designs that convey warmth, heritage, and a strong connection to natural, desert aesthetics. The blend of deep reds, oranges, and browns offers versatility for projects requiring an authentic, rustic, or culturally rich feel, ensuring a visually engaging and comforting user experience across various platforms.

Best used for

  • Southwestern or desert-themed branding
  • Artisan craft and pottery websites
  • Authentic Mexican or Spanish restaurant design
  • Rustic home decor and interior design
  • Travel agencies specializing in desert landscapes
  • Cultural heritage projects

Suggested color roles

primary

Use #B87333 (Coppery Brown) for main content areas, navigation, or elements needing a warm, grounded presence.

secondary

Apply #E09516 (Golden Orange) for calls to action, important headlines, or interactive elements to add a vibrant, inviting pop.

accent

Employ #C21807 (Fiery Red) for urgent alerts, strong highlights, or small decorative details that demand attention and energy.

background

Utilize #FDF5E6 (Creamy Off-White) as a soft, warm background that provides a clean contrast and allows the rich palette colors to shine.

text

A deep, earthy brown text color like #3D2B1F (Dark Brown) offers excellent readability and harmonizes with the palette's natural tones.

Accessibility notes

  • Text in #8B4513 or #C21807 on #FDF5E6 backgrounds will offer good contrast for main text content.
  • Ensure #B87333 or #A94A2A as text colors meet WCAG contrast requirements when used on lighter backgrounds.
  • Avoid using #E09516 for small text on very light backgrounds without careful contrast checking, as it may be hard to read.
  • Always check WCAG 2.1 AA compliance for all text and interactive elements to ensure universal access and legibility.

Recommended combinations

Desert Hearth

Creates a deep, rustic warmth, perfect for heritage branding, traditional designs, or authentic product packaging.

#8B4513 · #C21807 · #B87333

Golden Hour

Emphasizes the glowing sunset tones, ideal for vibrant hero sections, engaging banners, or inviting calls-to-action.

#E09516 · #B87333 · #A94A2A

Adobe Glow

A rich blend of reds and oranges, suitable for striking calls to action, impactful visual elements, or energetic branding.

#A94A2A · #C21807 · #E09516

CSS variables

:root {
  --sunset-adobe-house-1: #B87333;
  --sunset-adobe-house-2: #C21807;
  --sunset-adobe-house-3: #E09516;
  --sunset-adobe-house-4: #8B4513;
  --sunset-adobe-house-5: #A94A2A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunset-adobe-house": {
        1: "#B87333",
        2: "#C21807",
        3: "#E09516",
        4: "#8B4513",
        5: "#A94A2A",
      }
    }
  }
}

Related searches

desert sunset colorsadobe house palettewarm earthy redsrustic southwestern designgolden orange brown scheme

Palette colors

Hex values

Color 1#B87333
·
Color 2#C21807
·
Color 3#E09516
·
Color 4#8B4513
·
Color 5#A94A2A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
1.5:1Fail
1.9:1Fail
1.5:1Fail
2
1.6:1Fail
2.5:1Fail
1.2:1Fail
1.1:1Fail
3
1.5:1Fail
2.5:1Fail
2.9:1Fail
2.3:1Fail
4
1.9:1Fail
1.2:1Fail
2.9:1Fail
1.3:1Fail
5
1.5:1Fail
1.1:1Fail
2.3:1Fail
1.3:1Fail

Similar palettes

More like Sunset Adobe House

View all warm
Desert Sunset Glow
Ochre Desert Twilight
Saguaro Desert Dusk
Sedona Horizon Glow
Sun-Baked Adobe
Amber Sands Mirage