Back to palettes

Palette

Rammed Soil

Solid, grounding browns and creams, reflecting the organic layers and textures of rammed earth walls.

earthminimal5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Rammed Soil 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 Rammed Soil.

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

Data visualization

#8C5E4A#B08A7C#D4B9AB#EADCD4#6B4938

Palette guide

How to use Rammed Soil

Overview

The Rammed Soil palette is a grounding collection of earthy browns and warm creams, meticulously crafted to reflect the organic textures and natural layers of rammed earth architecture. From the deep, foundational #6B4938 to the airy, almost white #EADCD4, this palette offers a harmonious blend of rustic sophistication. Designers and developers will find these colors invaluable for creating designs that evoke authenticity, sustainability, and a connection to nature. The mid-tones like #8C5E4A, #B08A7C, and #D4B9AB provide excellent versatility for backgrounds, text, and elements, ensuring a warm, inviting, and truly minimal aesthetic across various applications.

Best used for

  • Sustainable architecture websites
  • Organic food branding
  • Handcrafted product showcases
  • Eco-conscious lifestyle blogs
  • Natural skincare packaging
  • Minimalist interior design concepts

Suggested color roles

primary

#6B4938 - A rich, deep earthy brown, perfect for strong foundations, headers, or grounding elements that convey stability.

secondary

#8C5E4A - A warm, inviting mid-brown, excellent for secondary content areas, buttons, or textured backgrounds.

accent

#B08A7C - A lighter, soft reddish-brown that can be used for subtle highlights, interactive elements, or a touch of warmth.

background

#EADCD4 - A light, creamy off-white, providing a natural, airy, and welcoming canvas for content.

text

#6B4938 - This deep brown offers superb contrast and readability on lighter backgrounds like #EADCD4, perfect for an organic feel.

Accessibility notes

  • Ensure sufficient contrast when using mid-tones like #D4B9AB for text on #EADCD4; it may require larger font sizes.
  • The darkest shade, #6B4938, provides excellent contrast for text on #EADCD4, ensuring high readability.
  • Avoid using #B08A7C as text on #D4B9AB without careful contrast checking.
  • For accessible body text, stick to the darker browns on the lightest cream background.

Recommended combinations

Earthy Foundation

Creates a strong, natural contrast, ideal for brand identities and layouts requiring clear hierarchy and warmth.

#6B4938 · #EADCD4 · #8C5E4A

Layered Texture

Provides a subtle, organic gradient effect, perfect for backgrounds, illustrations, or layered UI elements.

#8C5E4A · #B08A7C · #D4B9AB

Rustic Accent

Combines deep grounding with softer highlights for buttons, calls-to-action, or decorative elements.

#6B4938 · #D4B9AB · #B08A7C

CSS variables

:root {
  --rammed-soil-1: #8C5E4A;
  --rammed-soil-2: #B08A7C;
  --rammed-soil-3: #D4B9AB;
  --rammed-soil-4: #EADCD4;
  --rammed-soil-5: #6B4938;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rammed-soil": {
        1: "#8C5E4A",
        2: "#B08A7C",
        3: "#D4B9AB",
        4: "#EADCD4",
        5: "#6B4938",
      }
    }
  }
}

Related searches

rammed earth color palettenatural brown aestheticsustainable design colorsearth tone brandingrustic minimalist palette

Palette colors

Hex values

Color 1#8C5E4A
·
Color 2#B08A7C
·
Color 3#D4B9AB
·
Color 4#EADCD4
·
Color 5#6B4938
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3:1Fail
4.1:1AA18
1.4:1Fail
2
1.8:1Fail
1.7:1Fail
2.3:1Fail
2.6:1Fail
3
3:1Fail
1.7:1Fail
1.4:1Fail
4.3:1AA18
4
4.1:1AA18
2.3:1Fail
1.4:1Fail
6:1AA
5
1.4:1Fail
2.6:1Fail
4.3:1AA18
6:1AA

Similar palettes

More like Rammed Soil

View all earth
Ancient Stone
Earthen Pottery Glaze
Ancient Earth Whisper
Desert Cairn Stack
Desert Dune Silhouette
Desert Sands Dune