Palette

Artisan Ceramic Glaze

Reflects the earthy, muted tones and organic textures found in handmade ceramic pottery glazes.

earthminimal5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Artisan Ceramic Glaze 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 Ceramic Glaze.

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

Data visualization

#A2A78F#DCDCDC#7C8D80#EBEBEB#5C6A5F

Palette guide

How to use Artisan Ceramic Glaze

Overview

The Artisan Ceramic Glaze palette reflects the earthy, muted tones and organic textures found in handmade ceramic pottery glazes. With colors like #A2A78F, #DCDCDC, #7C8D80, #EBEBEB, and #5C6A5F, this collection offers a serene and sophisticated neutral aesthetic. It's ideal for designers seeking to convey natural craftsmanship, understated elegance, and a sense of calm. These versatile hues are perfect for creating clean, modern branding, tranquil digital interfaces, and harmonious interior design concepts.

Best used for

Artisan craft and ceramic product branding
Minimalist web design and user interfaces
Natural beauty and wellness product packaging
Serene interior design and home decor
Sustainable fashion and eco-friendly brands
Photography and art exhibition layouts

Suggested color roles

primary

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

secondary

Apply #7C8D80 for a deeper, grounding secondary hue, suitable for content blocks or subtle graphic elements.

accent

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

background

Utilize #EBEBEB for primary backgrounds, providing a clean, near-white, and expansive canvas.

text

Employ #5C6A5F for body text, ensuring optimal readability on lighter backgrounds with its dark green-grey. For standard text, a dark charcoal or black can also be highly effective.

Accessibility notes

Ensure #5C6A5F provides strong contrast for all text on #EBEBEB and #DCDCDC backgrounds.
Be cautious when using #A2A78F or #7C8D80 for small text, as their mid-tone values may reduce readability.
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

Clean & Earthy

An excellent combination for main content, providing a clear hierarchy from background to headings and text.

#EBEBEB · #A2A78F · #5C6A5F

Muted Depth

Ideal for creating subtle depth in layered designs or distinguishing different content sections harmoniously.

#DCDCDC · #7C8D80 · #A2A78F

Subtle Contrast

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

#EBEBEB · #7C8D80 · #5C6A5F

CSS variables

:root {
  --artisan-ceramic-glaze-1: #A2A78F;
  --artisan-ceramic-glaze-2: #DCDCDC;
  --artisan-ceramic-glaze-3: #7C8D80;
  --artisan-ceramic-glaze-4: #EBEBEB;
  --artisan-ceramic-glaze-5: #5C6A5F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "artisan-ceramic-glaze": {
        1: "#A2A78F",
        2: "#DCDCDC",
        3: "#7C8D80",
        4: "#EBEBEB",
        5: "#5C6A5F",
      }
    }
  }
}

Hex values

Color 1#A2A78F

Color 2#DCDCDC

Color 3#7C8D80

Color 4#EBEBEB

Color 5#5C6A5F

Accessibility

Contrast checker

1.8:1Fail

1.4:1Fail

2.1:1Fail

2.3:1Fail

1.8:1Fail

2.6:1Fail

1.2:1Fail

4.2:1AA18

1.4:1Fail

2.6:1Fail

2.9:1Fail

1.6:1Fail

2.1:1Fail

1.2:1Fail

2.9:1Fail

4.8:1AA

2.3:1Fail

4.2:1AA18

1.6:1Fail

4.8:1AA

Similar palettes

More like Artisan Ceramic Glaze

View all earth

Ancient Earth Whisper

Ancient Stone

Bamboo Grove Zen

Desert Cairn Stack

Desert Dune Silhouette

Desert Sands Dune