Back to palettes

Palette

Artisan Clay Studio

Soft, natural hues inspired by the raw beauty of clay and the handcrafted pieces drying in an artisan's studio.

EarthMinimal5 colors
More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#785A4E#A37F6F#CCB1A4#F2DCD4#E3D9D5

Palette guide

How to use Artisan Clay Studio

Overview

The Artisan Clay Studio palette presents soft, natural hues inspired by the raw beauty of clay and handcrafted pieces drying in an artisan's studio. With colors like #785A4E, #A37F6F, #CCB1A4, #F2DCD4, and #E3D9D5, this collection exudes a comforting, earthy warmth and minimalist charm. It's ideal for designers seeking to convey authenticity, simplicity, and a connection to natural materials. These versatile tones are perfect for creating inviting digital spaces, appealing product packaging, and evocative visual narratives that celebrate craftsmanship.

Best used for

  • Pottery and ceramic artists' branding
  • Rustic home decor and furniture brands
  • Natural beauty and organic product packaging
  • Minimalist web design and e-commerce
  • Cozy lifestyle blogs and websites
  • Artisan craft workshops and education

Suggested color roles

primary

Use #A37F6F as a warm, inviting primary color for headlines or key visual elements, embodying natural clay.

secondary

Apply #785A4E for a deeper, grounding secondary hue, suitable for content blocks or strong graphic elements, adding richness.

accent

Incorporate #CCB1A4 for a soft, lighter accent, perfect for subtle highlights or to break up darker sections.

background

Utilize #F2DCD4 for primary backgrounds, providing a soft, almost blush-cream, and expansive base that enhances other colors.

text

Employ #785A4E for body text, ensuring optimal readability on lighter backgrounds with its deep, robust brown.

Accessibility notes

  • Ensure #785A4E provides strong contrast for all text on #F2DCD4 and #E3D9D5 backgrounds.
  • Be cautious when using #CCB1A4 for small text, as its light value might lead to lower contrast.
  • Always test color combinations to meet WCAG contrast guidelines, especially for interactive elements.
  • For critical information, prioritize higher contrast pairings, possibly with a neutral white background not in the palette.

Recommended combinations

Soft Clay

An excellent combination for main content areas, providing a clear visual hierarchy from a light background to soft headings.

#F2DCD4 · #E3D9D5 · #CCB1A4

Deep Earthy

Ideal for creating depth and warmth in graphic elements, illustrations, or feature sections, showcasing tonal variation.

#A37F6F · #785A4E · #CCB1A4

Warm Contrast

Suitable for harmonious layered backgrounds or subtle visual elements that require a gentle transition, maintaining warmth.

#F2DCD4 · #A37F6F · #785A4E

CSS variables

:root {
  --artisan-clay-studio-2-1: #785A4E;
  --artisan-clay-studio-2-2: #A37F6F;
  --artisan-clay-studio-2-3: #CCB1A4;
  --artisan-clay-studio-2-4: #F2DCD4;
  --artisan-clay-studio-2-5: #E3D9D5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "artisan-clay-studio-2": {
        1: "#785A4E",
        2: "#A37F6F",
        3: "#CCB1A4",
        4: "#F2DCD4",
        5: "#E3D9D5",
      }
    }
  }
}

Related searches

clay studio colorsrustic earthy palettenatural craft aestheticwarm minimalist designpottery inspired hues

Palette colors

Hex values

Color 1#785A4E
·
Color 2#A37F6F
·
Color 3#CCB1A4
·
Color 4#F2DCD4
·
Color 5#E3D9D5
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.1:1AA18
4.7:1AA
4.5:1AA18
2
1.7:1Fail
1.8:1Fail
2.7:1Fail
2.6:1Fail
3
3.1:1AA18
1.8:1Fail
1.5:1Fail
1.5:1Fail
4
4.7:1AA
2.7:1Fail
1.5:1Fail
1.1:1Fail
5
4.5:1AA18
2.6:1Fail
1.5:1Fail
1.1:1Fail

Similar palettes

More like Artisan Clay Studio

View all Earth
Earthenware Rustic Bake
Ancient Pottery
Bohemian Earth Loom
Coastal Clay Pottery
Desert Canyon Clay
Desert Clay Hearth