Back to palettes

Palette

Earthen Craft Studio

A soothing collection of earth tones inspired by pottery, natural fibers, and quiet contemplation, embodying minimalist design.

earthminimal5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Earthen Craft Studio 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 Earthen Craft Studio.

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

Data visualization

#CD7F32#D2B48C#F5F5DC#8B4513#696969

Palette guide

How to use Earthen Craft Studio

Overview

The Earthen Craft Studio palette offers a minimalist and soothing collection of earth tones, inspired by pottery, natural fibers, and quiet contemplation. Featuring the rich #CD7F32 (Bronze) and the grounding #8B4513 (Saddle Brown), alongside the airy #F5F5DC (Beige) and sophisticated #696969 (Dim Gray), this palette creates a calm, natural aesthetic. Designers can leverage these colors for projects requiring a serene and authentic feel. Developers will find this collection excellent for crafting clean, user-friendly interfaces that prioritize warmth, readability, and a connection to handcrafted quality.

Best used for

  • Minimalist website design
  • Artisan product branding
  • Pottery studio identity
  • Natural cosmetic packaging
  • Yoga and wellness platforms
  • Calm interior design applications

Suggested color roles

primary

#8B4513 (Saddle Brown) provides a strong, earthy foundation for primary elements and bold text.

secondary

#CD7F32 (Bronze) adds a warm, inviting mid-tone, suitable for emphasis or secondary content.

accent

#696969 (Dim Gray) offers a sophisticated, muted accent for details, icons, or subtle contrasts.

background

#F5F5DC (Beige) creates an airy, clean canvas, allowing content to breathe and stand out.

text

Use #8B4513 or #696969 for body text on #F5F5DC, ensuring optimal readability across all content.

Accessibility notes

  • Ensure #696969 provides sufficient contrast on #F5F5DC for body text, checking WCAG AA guidelines.
  • Darker shades like #8B4513 offer excellent contrast on #F5F5DC for headings and important information.
  • Avoid using #D2B48C or #CD7F32 for small text on #F5F5DC without verifying contrast ratios.
  • Use distinct colors or additional visual cues for interactive elements to support users with color vision deficiencies.

Recommended combinations

Minimal Core

Achieve a clean background with strong, readable text and subtle, sophisticated accents for UI.

#F5F5DC · #8B4513 · #696969

Warm Craft

Create rich, layered earthy tones for depth in illustrations, banners, or decorative elements.

#CD7F32 · #D2B48C · #8B4513

Subtle Contrast

Apply for muted, sophisticated combinations in secondary content, dividers, or background textures.

#D2B48C · #696969 · #F5F5DC

CSS variables

:root {
  --earthen-craft-studio-1: #CD7F32;
  --earthen-craft-studio-2: #D2B48C;
  --earthen-craft-studio-3: #F5F5DC;
  --earthen-craft-studio-4: #8B4513;
  --earthen-craft-studio-5: #696969;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "earthen-craft-studio": {
        1: "#CD7F32",
        2: "#D2B48C",
        3: "#F5F5DC",
        4: "#8B4513",
        5: "#696969",
      }
    }
  }
}

Related searches

minimalist earth tone palettecraft studio colorsnatural beige browncalm earthy designartisan brand color scheme

Palette colors

Hex values

Color 1#CD7F32
·
Color 2#D2B48C
·
Color 3#F5F5DC
·
Color 4#8B4513
·
Color 5#696969
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.8:1Fail
2.3:1Fail
1.7:1Fail
2
1.6:1Fail
1.8:1Fail
3.6:1AA18
2.8:1Fail
3
2.8:1Fail
1.8:1Fail
6.4:1AA
5:1AA
4
2.3:1Fail
3.6:1AA18
6.4:1AA
1.3:1Fail
5
1.7:1Fail
2.8:1Fail
5:1AA
1.3:1Fail

Similar palettes

More like Earthen Craft Studio

View all earth
Minimalist Clay Garden
Desert Dune Silhouette
Desert Sands Dune
Earthen Pottery Glaze
Zen Temple Clay
Ancient Ruins Dust