Back to palettes

Palette

Sunbaked Adobe Dreams

Warm, sun-baked hues reminiscent of ancient pottery and desert landscapes, thriving under the midday sun.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A65B35#D87A4F#F0A278#7C3B24#B58C6F

Palette guide

How to use Sunbaked Adobe Dreams

Overview

The "Sunbaked Adobe Dreams" palette evokes the rich, warm essence of desert landscapes and ancient architecture. It features a striking range of earthy oranges and browns, from the vibrant terracotta of #D87A4F and the lighter, inviting #F0A278, to the deep, grounding tones of #A65B35 and #7C3B24. The soft, muted tan of #B58C6F provides a versatile, calming counterpoint. This palette is perfect for designers aiming to convey authenticity, heritage, and a robust, natural warmth in projects related to cultural themes, rustic aesthetics, or organic products.

Best used for

  • Southwestern-inspired branding
  • Pottery and ceramics e-commerce
  • Cultural heritage museum websites
  • Rustic cafe or restaurant interiors
  • Desert travel and adventure blogs
  • Artisanal food packaging

Suggested color roles

primary

Use #D87A4F for prominent elements like headers or calls-to-action, bringing vibrant warmth.

secondary

Apply #A65B35 for subheadings, navigation, or significant content blocks, offering a richer, deeper accent.

accent

Reserve #7C3B24 for strong contrasts, icons, or important details, providing a solid, grounding point.

background

#F0A278 serves as a warm, inviting background, creating an authentic, sun-drenched feel.

text

A dark brown or black text on #F0A278 ensures readability. For text on darker shades, #F0A278 or #B58C6F can be used.

Accessibility notes

  • Ensure sufficient contrast when placing text on #D87A4F or #A65B35; dark text is typically required.
  • #F0A278 provides a good light background for dark text, supporting readability.
  • Avoid pairing #D87A4F and #F0A278 for text and background to prevent low contrast issues.
  • Text in #7C3B24 on #B58C6F may require careful contrast checking.

Recommended combinations

Desert Sunset

Excellent for captivating hero images or dynamic sections, blending vibrant warmth with earthy depth.

#D87A4F · #F0A278 · #A65B35

Adobe Texture

Ideal for creating a textured, grounded feel in backgrounds or content panels, providing a sense of natural authenticity.

#B58C6F · #A65B35 · #7C3B24

Warm Contrast

Effective for highlighting key information, where the darkest shade offers a strong base for bright, readable content.

#7C3B24 · #F0A278 · #D87A4F

CSS variables

:root {
  --sunbaked-adobe-dreams-1: #A65B35;
  --sunbaked-adobe-dreams-2: #D87A4F;
  --sunbaked-adobe-dreams-3: #F0A278;
  --sunbaked-adobe-dreams-4: #7C3B24;
  --sunbaked-adobe-dreams-5: #B58C6F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunbaked-adobe-dreams": {
        1: "#A65B35",
        2: "#D87A4F",
        3: "#F0A278",
        4: "#7C3B24",
        5: "#B58C6F",
      }
    }
  }
}

Related searches

sunbaked earth tonesadobe house color palettedesert rustic colorsterracotta warm schemesouthwest design palette

Palette colors

Hex values

Color 1#A65B35
·
Color 2#D87A4F
·
Color 3#F0A278
·
Color 4#7C3B24
·
Color 5#B58C6F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.4:1Fail
1.7:1Fail
1.7:1Fail
2
1.6:1Fail
1.5:1Fail
2.7:1Fail
1:1Fail
3
2.4:1Fail
1.5:1Fail
4:1AA18
1.5:1Fail
4
1.7:1Fail
2.7:1Fail
4:1AA18
2.8:1Fail
5
1.7:1Fail
1:1Fail
1.5:1Fail
2.8:1Fail

Similar palettes

More like Sunbaked Adobe Dreams

View all earth
Adobe Sunset Glow
Adobe Desert Hues
Adobe Sunset
Adobe Sunset Glow
Ancient Desert Tapestry
Arid Dusk Sands