Back to palettes

Palette

Earthy Ceramic Glaze

Soft, organic browns and muted grays celebrate the simple beauty of handcrafted ceramic glazes.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B2A292#8C7D70#6D5C50#4F3B30#D4C9C0

Palette guide

How to use Earthy Ceramic Glaze

Overview

The Earthy Ceramic Glaze palette celebrates the simple beauty of handcrafted ceramic glazes with a soft, organic range of muted browns and subtle grays. From the deep #4F3B30 (Dark Brown) to the very light #D4C9C0 (Pale Beige), this collection provides a sophisticated and calming aesthetic. Designers can leverage the versatile #8C7D70 (Medium Brown) as a core tone, creating designs that feel minimal, natural, and serene. This palette is ideal for projects seeking understated elegance and a connection to artisanal craftsmanship, ensuring a peaceful and refined user experience.

Best used for

  • Minimalist interior design and decor
  • Artisan pottery and ceramics websites
  • Natural beauty and wellness brands
  • Calm meditation and mindfulness apps
  • Modern rustic home furnishing
  • Sophisticated editorial layouts and publications

Suggested color roles

primary

#4F3B30 (Dark Brown) serves as a deep, grounding color for primary branding, headings, and impactful elements.

secondary

#6D5C50 (Medium Dark Brown) offers a rich, muted tone for subheadings, important content, and supporting UI elements.

accent

#8C7D70 (Medium Brown) provides a versatile mid-tone for subtle accents, interactive elements, or decorative details.

background

#D4C9C0 (Pale Beige) creates a very light, airy background that fosters a sense of calm and enhances readability.

text

Use #4F3B30 for primary text on #D4C9C0, ensuring excellent readability and a sophisticated appearance.

Accessibility notes

  • Both #4F3B30 and #6D5C50 provide excellent contrast on #D4C9C0, making them highly accessible for text.
  • Ensure #8C7D70 on #D4C9C0 meets WCAG AA guidelines for body text readability and legibility.
  • Avoid using #B2A292 for small text on #D4C9C0 due to potential low contrast; reserve for larger decorative text.
  • Use distinct interactive states (e.g., underlines, bolding) to support color-only cues in this subtle palette.

Recommended combinations

Glaze Depth

Create strong, hierarchical content and dark text, ideal for main headings and important information.

#4F3B30 · #6D5C50 · #8C7D70

Soft Ceramic

Apply gentle, layered appearances for backgrounds, secondary content, or subtle graphic elements.

#D4C9C0 · #B2A292 · #8C7D70

Minimal Contrast

Design with a light background, dark text, and a medium accent for a clean, minimalist aesthetic.

#D4C9C0 · #4F3B30 · #6D5C50

CSS variables

:root {
  --earthy-ceramic-glaze-1: #B2A292;
  --earthy-ceramic-glaze-2: #8C7D70;
  --earthy-ceramic-glaze-3: #6D5C50;
  --earthy-ceramic-glaze-4: #4F3B30;
  --earthy-ceramic-glaze-5: #D4C9C0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "earthy-ceramic-glaze": {
        1: "#B2A292",
        2: "#8C7D70",
        3: "#6D5C50",
        4: "#4F3B30",
        5: "#D4C9C0",
      }
    }
  }
}

Related searches

ceramic glaze colorsearthy neutral paletteminimalist brown graynatural handcrafted designcalm organic scheme

Palette colors

Hex values

Color 1#B2A292
·
Color 2#8C7D70
·
Color 3#6D5C50
·
Color 4#4F3B30
·
Color 5#D4C9C0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.6:1Fail
4.2:1AA18
1.5:1Fail
2
1.6:1Fail
1.6:1Fail
2.6:1Fail
2.4:1Fail
3
2.6:1Fail
1.6:1Fail
1.6:1Fail
3.9:1AA18
4
4.2:1AA18
2.6:1Fail
1.6:1Fail
6.5:1AA
5
1.5:1Fail
2.4:1Fail
3.9:1AA18
6.5:1AA

Similar palettes

More like Earthy Ceramic Glaze

View all earth