Back to palettes

Palette

Earthy Clay Stillness

A calming palette of muted earth tones, evoking the quiet serenity of unglazed clay and natural textures.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Earthy Clay Stillness 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 Earthy Clay Stillness.

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

Data visualization

#B8A29A#D7C7BF#ECE7E1#A38C82#6F5E56

Palette guide

How to use Earthy Clay Stillness

Overview

The Earthy Clay Stillness palette offers a calming array of muted earth tones, evoking the quiet serenity of unglazed clay and natural textures. Ranging from the deep #6F5E56 (Dark Taupe) to the very light #ECE7E1 (Off-White), this collection provides a sophisticated and minimal aesthetic. Designers can leverage the soft #D7C7BF (Light Beige) as a gentle background, while #A38C82 (Medium Taupe) offers a versatile mid-tone. This palette is ideal for projects seeking tranquility, understated elegance, and a connection to natural, handcrafted simplicity, ensuring a peaceful and refined user experience.

Best used for

  • Minimalist branding and identity
  • Calm wellness and meditation apps
  • Serene interior design and decor
  • Artisan product packaging and marketing
  • Yoga studio websites and online platforms
  • Sophisticated editorial layouts and publications

Suggested color roles

primary

#6F5E56 (Dark Taupe) serves as a deep, grounding color for primary branding, headings, and impactful elements.

secondary

#A38C82 (Medium Taupe) offers a rich, muted tone for subheadings, important content blocks, and supporting UI elements.

accent

#B8A29A (Rosy Taupe) provides a subtle, warm accent for interactive elements, delicate highlights, or decorative details.

background

#ECE7E1 (Off-White) creates a very light, airy background that fosters a sense of peaceful spaciousness and readability.

text

Use #6F5E56 for primary text on #ECE7E1, ensuring excellent readability and a sophisticated appearance.

Accessibility notes

  • Both #6F5E56 and #A38C82 provide good contrast on #ECE7E1, making them accessible choices for body text.
  • Be cautious with #B8A29A and #D7C7BF for small text on #ECE7E1 due to potential low contrast; reserve for larger decorative text.
  • Ensure distinct visual cues for interactive elements, especially when colors are close in value, to enhance usability.
  • Prioritize larger text for colors with lower contrast to maintain legibility and accessibility.

Recommended combinations

Stillness Core

Combine a strong dark tone with a muted mid-tone and a light background for clear hierarchy and visual appeal.

#6F5E56 · #A38C82 · #ECE7E1

Clay Layers

Apply gentle, harmonious transitions for content blocks, illustrations, or subtle background textures.

#D7C7BF · #B8A29A · #A38C82

Minimal Contrast

Design with a light background, dark text, and a soft accent for a clean, minimalist aesthetic.

#ECE7E1 · #6F5E56 · #B8A29A

CSS variables

:root {
  --earthy-clay-stillness-1: #B8A29A;
  --earthy-clay-stillness-2: #D7C7BF;
  --earthy-clay-stillness-3: #ECE7E1;
  --earthy-clay-stillness-4: #A38C82;
  --earthy-clay-stillness-5: #6F5E56;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "earthy-clay-stillness": {
        1: "#B8A29A",
        2: "#D7C7BF",
        3: "#ECE7E1",
        4: "#A38C82",
        5: "#6F5E56",
      }
    }
  }
}

Related searches

minimalist earth tone palettecalm clay colorsneutral taupe schemeserene organic designhandcrafted simplicity

Palette colors

Hex values

Color 1#B8A29A
·
Color 2#D7C7BF
·
Color 3#ECE7E1
·
Color 4#A38C82
·
Color 5#6F5E56
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2:1Fail
1.3:1Fail
2.5:1Fail
2
1.5:1Fail
1.3:1Fail
1.9:1Fail
3.8:1AA18
3
2:1Fail
1.3:1Fail
2.6:1Fail
5:1AA
4
1.3:1Fail
1.9:1Fail
2.6:1Fail
1.9:1Fail
5
2.5:1Fail
3.8:1AA18
5:1AA
1.9:1Fail

Similar palettes

More like Earthy Clay Stillness

View all neutral
Calm Interior Lines
Cloudy Cobblestone Lane
Linen Field Whisper
Natural Linen Texture
Nordic Calm Retreat
Riverbed Smooth Stone