Back to palettes

Palette

Earthy Artisan Clay

Handmade pottery inspired by natural pigments and rustic textures, warm and grounding.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#BC8F8F#CD5C5C#A0522D#D3C2AE#8B7355

Palette guide

How to use Earthy Artisan Clay

Overview

The Earthy Artisan Clay palette is a grounded collection inspired by natural pigments and rustic textures, bringing warmth and authenticity to any design. Featuring the muted #BC8F8F (Rosy Brown) and the vibrant #CD5C5C (Indian Red) alongside the rich #A0522D (Sienna), this palette offers a versatile range of earthy reds and browns. The soft #D3C2AE (Light Tan) provides a gentle, natural background. Designers will find these colors ideal for creating designs that feel handmade, organic, and deeply connected to traditional craftsmanship and natural aesthetics.

Best used for

  • Artisan craft shops and marketplaces
  • Natural cosmetic and beauty brands
  • Rustic home decor and interior styling
  • Pottery studio branding and workshops
  • Ethical fashion and sustainable apparel
  • Nature-inspired blogs and creative portfolios

Suggested color roles

primary

#A0522D (Sienna) serves as a strong, earthy foundation for primary branding, headings, and impactful elements.

secondary

#CD5C5C (Indian Red) offers a vibrant, warm red for impactful accents, calls to action, or key visuals.

accent

#BC8F8F (Rosy Brown) provides a soft, muted accent for subtle highlights, decorative details, or secondary UI elements.

background

#D3C2AE (Light Tan) creates a gentle, natural backdrop that enhances the warmer tones and ensures readability.

text

Use #A0522D or a dark brown/charcoal on #D3C2AE for optimal readability across all content, maintaining an organic feel.

Accessibility notes

  • Both #A0522D and #8B7355 provide good contrast on #D3C2AE, making them suitable for body text.
  • Be cautious with #BC8F8F and #CD5C5C for small text on #D3C2AE due to potential low contrast; reserve for larger decorative text.
  • Ensure sufficient contrast for interactive elements, differentiating them clearly from static content.
  • Consider using a darker, desaturated brown for overall body text to ensure legibility across varying backgrounds.

Recommended combinations

Artisan Core

Combine a strong primary, vibrant accent, and light background for clear hierarchy and visual appeal in branding.

#A0522D · #CD5C5C · #D3C2AE

Rustic Harmony

Apply layered earthy tones for depth and texture in backgrounds, illustrations, or content blocks.

#BC8F8F · #8B7355 · #A0522D

Clay Texture

Design with a light background, a warm red accent, and a mid-tone text for a balanced and inviting layout.

#D3C2AE · #CD5C5C · #8B7355

CSS variables

:root {
  --earthy-artisan-clay-1: #BC8F8F;
  --earthy-artisan-clay-2: #CD5C5C;
  --earthy-artisan-clay-3: #A0522D;
  --earthy-artisan-clay-4: #D3C2AE;
  --earthy-artisan-clay-5: #8B7355;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "earthy-artisan-clay": {
        1: "#BC8F8F",
        2: "#CD5C5C",
        3: "#A0522D",
        4: "#D3C2AE",
        5: "#8B7355",
      }
    }
  }
}

Related searches

artisan clay colorsearthy terracotta paletterustic brown rednatural handmade designwarm organic scheme

Palette colors

Hex values

Color 1#BC8F8F
·
Color 2#CD5C5C
·
Color 3#A0522D
·
Color 4#D3C2AE
·
Color 5#8B7355
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2:1Fail
1.6:1Fail
1.6:1Fail
2
1.4:1Fail
1.4:1Fail
2.3:1Fail
1.1:1Fail
3
2:1Fail
1.4:1Fail
3.2:1AA18
1.3:1Fail
4
1.6:1Fail
2.3:1Fail
3.2:1AA18
2.6:1Fail
5
1.6:1Fail
1.1:1Fail
1.3:1Fail
2.6:1Fail

Similar palettes

More like Earthy Artisan Clay

View all earth