Back to palettes

Palette

Sunbaked Terra Village

Warm, inviting tones reminiscent of ancient sunbaked buildings and earthy, rustic charm.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#CD7F32#E69D4F#F0C489#A35F1A#7A4213

Palette guide

How to use Sunbaked Terra Village

Overview

The Sunbaked Terra Village palette offers a collection of warm, inviting tones reminiscent of ancient sunbaked buildings and earthy, rustic charm. This palette, featuring five cohesive colors such as the rich #CD7F32, the lighter #E69D4F, and the deep #7A4213, is ideal for designers and developers aiming to evoke a sense of heritage, comfort, and natural beauty. The soft #F0C489 provides a gentle highlight, while #A35F1A adds a grounding mid-tone. These hues create a harmonious and approachable aesthetic, perfect for projects that require a traditional, organic, or cozy feel, from digital interfaces to physical spaces.

Best used for

  • Rustic or heritage brand identities
  • Websites for bed & breakfasts or guesthouses
  • Interior design focusing on natural materials
  • Packaging for artisanal food or handmade goods
  • Travel guides or blogs about historic villages
  • Event branding for outdoor or traditional gatherings

Suggested color roles

primary

Use #CD7F32 as the main brand color for headings, logos, and primary calls-to-action, conveying warmth and authenticity.

secondary

Apply #A35F1A for supporting elements, subheadings, or as a grounding color in graphic compositions.

accent

Introduce #F0C489 for subtle highlights, interactive elements, or to add a touch of sunny brightness.

background

Employ #E69D4F as a warm, inviting background for content sections, providing a soft base.

text

For excellent readability, use #7A4213 on lighter backgrounds. White or a very light cream works well for text on #CD7F32 or #A35F1A.

Accessibility notes

  • Ensure sufficient contrast for text on #E69D4F; dark text like #7A4213 is recommended.
  • Avoid using #F0C489 for small text on #E69D4F due to potential low contrast.
  • The darkest color, #7A4213, provides strong contrast for white or light-colored text.
  • Check contrast ratios carefully when using #CD7F32 with other mid-tones from the palette for text or interactive elements.

Recommended combinations

Village Hearth

Creates a cozy, traditional feel, ideal for main content areas or brand storytelling.

#CD7F32 · #A35F1A · #F0C489

Terra Roots

Provides a strong, grounded aesthetic, suitable for footers or navigation bars.

#7A4213 · #CD7F32 · #E69D4F

Sun-Kissed Clay

Excellent for subtle visual elements, backgrounds, or illustrations requiring a gentle, harmonious glow.

#F0C489 · #E69D4F · #A35F1A

CSS variables

:root {
  --sunbaked-terra-village-1: #CD7F32;
  --sunbaked-terra-village-2: #E69D4F;
  --sunbaked-terra-village-3: #F0C489;
  --sunbaked-terra-village-4: #A35F1A;
  --sunbaked-terra-village-5: #7A4213;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunbaked-terra-village": {
        1: "#CD7F32",
        2: "#E69D4F",
        3: "#F0C489",
        4: "#A35F1A",
        5: "#7A4213",
      }
    }
  }
}

Related searches

rustic village color palettesunbaked earth toneswarm terracotta schemenatural heritage colorscozy brown orange palette

Palette colors

Hex values

Color 1#CD7F32
·
Color 2#E69D4F
·
Color 3#F0C489
·
Color 4#A35F1A
·
Color 5#7A4213
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.9:1Fail
1.6:1Fail
2.6:1Fail
2
1.4:1Fail
1.4:1Fail
2.2:1Fail
3.6:1AA18
3
1.9:1Fail
1.4:1Fail
3.1:1AA18
5:1AA
4
1.6:1Fail
2.2:1Fail
3.1:1AA18
1.6:1Fail
5
2.6:1Fail
3.6:1AA18
5:1AA
1.6:1Fail

Similar palettes

More like Sunbaked Terra Village

View all warm