Back to palettes

Palette

Artisan Clay Studio

Warm, earthy tones from unglazed ceramics and natural pigments, reflecting the quiet craft of a pottery studio.

earthnatural5 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

#A16C50#C18A6B#DBA88D#F2CDB8#F7E8DA

Palette guide

How to use Artisan Clay Studio

Overview

The Artisan Clay Studio palette captures warm, earthy tones from unglazed ceramics and natural pigments, reflecting the quiet craft of a pottery studio. With colors like #A16C50, #C18A6B, #DBA88D, #F2CDB8, and #F7E8DA, this collection offers a comforting, natural warmth and minimalist charm. It's ideal for designers seeking to convey authenticity, simplicity, and a connection to handcrafted artistry. These versatile tones are perfect for creating inviting digital spaces, appealing product packaging, and evocative visual narratives that celebrate the beauty of pottery.

Best used for

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

Suggested color roles

primary

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

secondary

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

accent

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

background

Utilize #F7E8DA for primary backgrounds, providing a soft, almost off-white, and expansive base that enhances other colors.

text

Employ #A16C50 for body text, ensuring optimal readability on lighter backgrounds with its deep, robust brown. For stronger contrast, a dark charcoal or black is recommended.

Accessibility notes

  • Ensure #A16C50 provides strong contrast for all text on #F7E8DA and #F2CDB8 backgrounds.
  • Be cautious when using #DBA88D 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 Glaze

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

#F7E8DA · #F2CDB8 · #DBA88D

Deep Clay

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

#A16C50 · #C18A6B · #DBA88D

Warm Transition

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

#F7E8DA · #C18A6B · #A16C50

CSS variables

:root {
  --artisan-clay-studio-1: #A16C50;
  --artisan-clay-studio-2: #C18A6B;
  --artisan-clay-studio-3: #DBA88D;
  --artisan-clay-studio-4: #F2CDB8;
  --artisan-clay-studio-5: #F7E8DA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "artisan-clay-studio": {
        1: "#A16C50",
        2: "#C18A6B",
        3: "#DBA88D",
        4: "#F2CDB8",
        5: "#F7E8DA",
      }
    }
  }
}

Related searches

unglazed ceramic colorswarm earthy palettepottery studio aestheticnatural craft designrustic tan hues

Palette colors

Hex values

Color 1#A16C50
·
Color 2#C18A6B
·
Color 3#DBA88D
·
Color 4#F2CDB8
·
Color 5#F7E8DA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.1:1Fail
3:1Fail
3.7:1AA18
2
1.5:1Fail
1.4:1Fail
2:1Fail
2.5:1Fail
3
2.1:1Fail
1.4:1Fail
1.4:1Fail
1.8:1Fail
4
3:1Fail
2:1Fail
1.4:1Fail
1.2:1Fail
5
3.7:1AA18
2.5:1Fail
1.8:1Fail
1.2:1Fail

Similar palettes

More like Artisan Clay Studio

View all earth