Palette

Artisan Clay Paint

Muted, earthy tones of natural clay pigments, hand-crafted into a harmonious, soft paint set.

neutralminimal5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B49D8E#DCC9BC#9A8C7B#E8DED3#6F675D

Palette guide

How to use Artisan Clay Paint

Overview

The Artisan Clay Paint palette features muted, earthy tones of natural clay pigments, handcrafted into a harmonious, soft paint set. With colors like #B49D8E, #DCC9BC, #9A8C7B, #E8DED3, and #6F675D, this palette offers a serene and minimalist aesthetic. It's ideal for designers seeking to convey naturalness, simplicity, and a comforting, understated elegance. These versatile hues are perfect for creating clean, modern branding, tranquil digital interfaces, and harmonious interior design concepts that celebrate natural materials.

Best used for

Natural paint brands and art supplies
Minimalist interior design and home decor
Artisan craft and handmade product branding
Eco-friendly and sustainable product packaging
Serene lifestyle blogs and websites
Muted fashion and textile designs

Suggested color roles

primary

Use #B49D8E as a soft, natural primary color for headers or key visual elements, establishing a calm and earthy feel.

secondary

Apply #9A8C7B for a slightly deeper, grounding secondary hue, suitable for content blocks or subtle graphic elements.

accent

Incorporate #6F675D for the deepest accent, perfect for important calls to action or to add strong definition.

background

Utilize #E8DED3 for primary backgrounds, providing a light, creamy, and expansive canvas that enhances other colors.

text

Employ #6F675D for body text, ensuring optimal readability on lighter backgrounds with its dark, muted brown-grey.

Accessibility notes

Ensure #6F675D provides strong contrast for all text on #E8DED3 and #DCC9BC backgrounds.
Be cautious when using #DCC9BC or #B49D8E for small text, as their light values 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 Neutral

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

#E8DED3 · #DCC9BC · #B49D8E

Earthy Depth

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

#B49D8E · #9A8C7B · #6F675D

Clean Contrast

Suitable for minimalist layouts, using the lightest for background, mid-tone for subtle accents, and dark for text.

#E8DED3 · #9A8C7B · #6F675D

CSS variables

:root {
  --artisan-clay-paint-1: #B49D8E;
  --artisan-clay-paint-2: #DCC9BC;
  --artisan-clay-paint-3: #9A8C7B;
  --artisan-clay-paint-4: #E8DED3;
  --artisan-clay-paint-5: #6F675D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "artisan-clay-paint": {
        1: "#B49D8E",
        2: "#DCC9BC",
        3: "#9A8C7B",
        4: "#E8DED3",
        5: "#6F675D",
      }
    }
  }
}

Hex values

Color 1#B49D8E

Color 2#DCC9BC

Color 3#9A8C7B

Color 4#E8DED3

Color 5#6F675D

Accessibility

Contrast checker

1.6:1Fail

1.3:1Fail

1.9:1Fail

2.2:1Fail

1.6:1Fail

2:1Fail

1.2:1Fail

3.5:1AA18

1.3:1Fail

2:1Fail

2.5:1Fail

1.7:1Fail

1.9:1Fail

1.2:1Fail

2.5:1Fail

4.2:1AA18

2.2:1Fail

3.5:1AA18

1.7:1Fail

4.2:1AA18

Similar palettes

More like Artisan Clay Paint

View all neutral

Woven Willow

Agave Succulent Dew

Earthy Clay Stillness

Muted Pottery Studio

Natural Linen Texture

River Delta Silt