Palette

Artisan Pottery Glaze

Subtle, nuanced greens and grays inspired by the muted, natural finishes of artisan pottery glazes.

neutralnatural5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4E625B#758E85#A5C2B4#D1E8D9#D6CEC5

Palette guide

How to use Artisan Pottery Glaze

Overview

The Artisan Pottery Glaze palette features subtle, nuanced greens and grays inspired by the muted, natural finishes of artisan pottery glazes. With colors like #4E625B, #758E85, #A5C2B4, #D1E8D9, and #D6CEC5, this collection exudes a serene, sophisticated, and natural aesthetic. It's ideal for designers seeking to convey calm, understated elegance, and a connection to handcrafted artistry. These versatile tones are perfect for creating tranquil digital spaces, refined product packaging, and harmonious visual narratives that celebrate natural materials.

Best used for

Pottery and ceramic artists' branding
Natural beauty and organic product packaging
Minimalist web design and user interfaces
Serene interior design and home decor
Sustainable fashion and eco-friendly brands
Wellness and mindfulness platforms

Suggested color roles

primary

Use #758E85 as a muted, calming primary color for headlines or key visual elements, establishing a serene feel.

secondary

Apply #A5C2B4 for a lighter, airy green secondary hue, suitable for backgrounds or subtle graphic elements, offering softness.

accent

Incorporate #4E625B for the deepest accent, perfect for calls to action or important details that require strong definition.

background

Utilize #D1E8D9 for primary backgrounds, providing a soft, light minty-grey, and expansive base that enhances other colors.

text

Employ #4E625B for body text, ensuring optimal readability on lighter backgrounds with its deep green-grey. For text on darker palette colors, use #D1E8D9 or pure white.

Accessibility notes

Ensure #4E625B provides strong contrast for all text on #D1E8D9 and #A5C2B4 backgrounds.
Be cautious when using #A5C2B4 or #D6CEC5 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 Glaze

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

#D1E8D9 · #A5C2B4 · #758E85

Deep Earthy

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

#4E625B · #758E85 · #D6CEC5

Muted Contrast

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

#D1E8D9 · #4E625B · #758E85

CSS variables

:root {
  --artisan-pottery-glaze-1: #4E625B;
  --artisan-pottery-glaze-2: #758E85;
  --artisan-pottery-glaze-3: #A5C2B4;
  --artisan-pottery-glaze-4: #D1E8D9;
  --artisan-pottery-glaze-5: #D6CEC5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "artisan-pottery-glaze": {
        1: "#4E625B",
        2: "#758E85",
        3: "#A5C2B4",
        4: "#D1E8D9",
        5: "#D6CEC5",
      }
    }
  }
}

Hex values

Color 1#4E625B

Color 2#758E85

Color 3#A5C2B4

Color 4#D1E8D9

Color 5#D6CEC5

Accessibility

Contrast checker

1.9:1Fail

3.4:1AA18

5:1AA

4.2:1AA18

1.9:1Fail

1.8:1Fail

2.7:1Fail

2.3:1Fail

3.4:1AA18

1.8:1Fail

1.5:1Fail

1.2:1Fail

5:1AA

2.7:1Fail

1.5:1Fail

1.2:1Fail

4.2:1AA18

2.3:1Fail

1.2:1Fail

Similar palettes

More like Artisan Pottery Glaze

Artisan Pottery Glaze

See it in context.

Ready when you are.

Built with Artisan Pottery Glaze.

How to use Artisan Pottery Glaze

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Soft Glaze

Deep Earthy

Muted Contrast

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Artisan Pottery Glaze