Back to palettes

Palette

Sunbaked Adobe Village

Warm and rustic tones reflecting an old-world village built from sun-dried adobe bricks.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E5BB8D#C27F52#A56B4A#7A4E37#D6AD97

Palette guide

How to use Sunbaked Adobe Village

Overview

The "Sunbaked Adobe Village" palette captures the rustic charm and enduring warmth of old-world architecture. It features a harmonious blend of earthy oranges and deep browns, ranging from the inviting tan of #E5BB8D and the slightly softer #D6AD97, to the richer terracotta hues of #C27F52 and #A56B4A. The deepest shade, #7A4E37, provides a strong, grounding anchor. This palette is ideal for designers seeking to evoke a sense of history, handcrafted authenticity, and a cozy, natural aesthetic, perfect for projects with a traditional or organic focus.

Best used for

  • Artisanal craft websites
  • Traditional architecture portfolios
  • Cultural tourism promotions
  • Hand-made pottery branding
  • Rustic event venues
  • Historic preservation projects

Suggested color roles

primary

Use #C27F52 for main headings or significant design elements, conveying warmth and authenticity.

secondary

Apply #A56B4A for subheadings, navigation, or important content blocks, offering a richer, more established tone.

accent

Reserve #7A4E37 for strong contrasts, borders, or interactive elements, providing a deep, grounding impact.

background

#E5BB8D serves as a soft, inviting background, enhancing the palette's natural warmth.

text

A dark brown or black text works well on #E5BB8D. For darker backgrounds, use #E5BB8D or #D6AD97 for text.

Accessibility notes

  • Ensure sufficient contrast when placing text on #C27F52 or #A56B4A; lighter text is often required.
  • #E5BB8D provides a good light background for dark text, supporting readability.
  • Avoid using #D6AD97 as text on #E5BB8D due to potential low contrast.
  • Always check contrast ratios when combining mid-tones from this palette for text and backgrounds.

Recommended combinations

Village Hearth

Excellent for creating inviting headers and content areas, balancing light warmth with deep, grounding accents.

#E5BB8D · #C27F52 · #7A4E37

Adobe Layers

Ideal for subtle background patterns or layered design elements, offering a harmonious progression of rustic tones.

#D6AD97 · #A56B4A · #C27F52

Deep Earth

Effective for footers or strong calls-to-action, where the darkest shade provides a robust base for clear, contrasting information.

#7A4E37 · #E5BB8D · #A56B4A

CSS variables

:root {
  --sunbaked-adobe-village-1: #E5BB8D;
  --sunbaked-adobe-village-2: #C27F52;
  --sunbaked-adobe-village-3: #A56B4A;
  --sunbaked-adobe-village-4: #7A4E37;
  --sunbaked-adobe-village-5: #D6AD97;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunbaked-adobe-village": {
        1: "#E5BB8D",
        2: "#C27F52",
        3: "#A56B4A",
        4: "#7A4E37",
        5: "#D6AD97",
      }
    }
  }
}

Related searches

old world color paletterustic village colorsterracotta brown schemesunbaked earth brandingtraditional adobe palette

Palette colors

Hex values

Color 1#E5BB8D
·
Color 2#C27F52
·
Color 3#A56B4A
·
Color 4#7A4E37
·
Color 5#D6AD97
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
2.5:1Fail
4:1AA18
1.1:1Fail
2
1.8:1Fail
1.3:1Fail
2.2:1Fail
1.6:1Fail
3
2.5:1Fail
1.3:1Fail
1.6:1Fail
2.1:1Fail
4
4:1AA18
2.2:1Fail
1.6:1Fail
3.5:1AA18
5
1.1:1Fail
1.6:1Fail
2.1:1Fail
3.5:1AA18

Similar palettes

More like Sunbaked Adobe Village

View all earth
Adobe Sunset Glow
Ancient Clay Vessel
Boho Clay Bloom
Canyon Wall Rust
Clay Earth Hearth
Desert Clay Pottery