Back to palettes

Palette

Artisan Clay Vessel

A grounding palette reminiscent of handcrafted clay pots baking under a warm sun, blending deep browns with soft, sandy tones.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#724A34#A67D5D#D0AF85#E5C3A6#593D2E

Palette guide

How to use Artisan Clay Vessel

Overview

The Artisan Clay Vessel palette is a grounding collection reminiscent of handcrafted clay pots baking under a warm sun, blending deep browns with soft, sandy tones. With colors like #724A34, #A67D5D, #D0AF85, #E5C3A6, and #593D2E, this palette exudes natural warmth and rustic charm. It's ideal for designers seeking to convey authenticity, tradition, and a comforting, earthy aesthetic. 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 interior design and home decor
  • Natural skincare and organic product packaging
  • Earthy lifestyle blogs and websites
  • Artisan food and beverage branding
  • Handcrafted furniture and goods

Suggested color roles

primary

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

secondary

Apply #724A34 for a deeper, rich secondary hue, suitable for content blocks or strong graphic elements, adding depth.

accent

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

background

Utilize #E5C3A6 for primary backgrounds, providing a soft, sandy-cream, and expansive base that enhances other colors.

text

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

Accessibility notes

  • Ensure #593D2E provides strong contrast for all text on #E5C3A6 and #D0AF85 backgrounds.
  • Be cautious when using #D0AF85 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

Sandy Earth

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

#E5C3A6 · #D0AF85 · #A67D5D

Deep Vessel

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

#724A34 · #593D2E · #A67D5D

Warm Rustic

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

#E5C3A6 · #724A34 · #593D2E

CSS variables

:root {
  --artisan-clay-vessel-2-1: #724A34;
  --artisan-clay-vessel-2-2: #A67D5D;
  --artisan-clay-vessel-2-3: #D0AF85;
  --artisan-clay-vessel-2-4: #E5C3A6;
  --artisan-clay-vessel-2-5: #593D2E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "artisan-clay-vessel-2": {
        1: "#724A34",
        2: "#A67D5D",
        3: "#D0AF85",
        4: "#E5C3A6",
        5: "#593D2E",
      }
    }
  }
}

Related searches

clay pot colorsrustic earth palettenatural vessel designwarm sandy brownshandcrafted pottery hues

Palette colors

Hex values

Color 1#724A34
·
Color 2#A67D5D
·
Color 3#D0AF85
·
Color 4#E5C3A6
·
Color 5#593D2E
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
3.7:1AA18
4.6:1AA
1.3:1Fail
2
2.1:1Fail
1.8:1Fail
2.2:1Fail
2.7:1Fail
3
3.7:1AA18
1.8:1Fail
1.2:1Fail
4.8:1AA
4
4.6:1AA
2.2:1Fail
1.2:1Fail
6:1AA
5
1.3:1Fail
2.7:1Fail
4.8:1AA
6:1AA

Similar palettes

More like Artisan Clay Vessel

View all earth