Back to palettes

Palette

Muted Ceramic Glaze

The calm and earthy tones of artisan pottery, reflecting natural firing processes and rustic charm.

neutralcalm5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#CC7752#9BB3B6#D7BFA4#A8B49E#9A8C80

Palette guide

How to use Muted Ceramic Glaze

Overview

The Muted Ceramic Glaze palette captures the calm and earthy tones of artisan pottery, reflecting natural firing processes and rustic charm. It features a warm terracotta (#CC7752), a soothing dusty blue-grey (#9BB3B6), and a creamy beige (#D7BFA4). Complementing these are a soft sage-green (#A8B49E) and a grounding warm brown-grey (#9A8C80). This palette is exceptionally versatile for designers and developers seeking to evoke a sense of natural authenticity, handmade quality, and serene comfort in their digital and physical creations.

Best used for

  • Artisanal craft and pottery brands
  • Eco-friendly product packaging
  • Relaxed and inviting interior design
  • Wellness and mindfulness applications
  • Rustic cafe or restaurant branding
  • Natural beauty and skincare websites

Suggested color roles

primary

Use #CC7752 (terracotta) for impactful headings or call-to-action elements, providing earthy warmth.

secondary

Apply #9A8C80 (warm brown-grey) for body text, navigation, or supporting sections, offering a grounded feel.

accent

Incorporate #9BB3B6 (dusty blue-grey) for subtle highlights, illustrations, or elements needing a touch of cool contrast.

background

Choose #D7BFA4 (creamy beige) as a soft, inviting background, perfect for showcasing content.

text

Utilize #9A8C80 (warm brown-grey) for main body text, ensuring excellent readability against lighter backgrounds like #D7BFA4.

Accessibility notes

  • Ensure sufficient contrast when pairing #9BB3B6 or #A8B49E with light backgrounds like #D7BFA4 for text.
  • The warm #CC7752 requires a dark text color, such as #9A8C80 or a deep brown, for readability.
  • For small text, avoid using #A8B49E on #D7BFA4; reserve this for larger headlines or graphical accents.
  • The deepest tone, #9A8C80, provides reliable contrast for text against all lighter colors in the palette.

Recommended combinations

Earthy Warmth

Creates a robust, natural feel for headers, buttons, or key informational blocks.

#CC7752 · #9A8C80 · #9BB3B6

Rustic Calm

Ideal for serene backgrounds, subtle gradients, or soft graphical elements, evoking tranquility.

#D7BFA4 · #A8B49E · #9BB3B6

Cool Accent

Adds a refreshing, balanced accent to warm dominant hues, suitable for data points or interactive elements.

#9BB3B6 · #CC7752 · #9A8C80

CSS variables

:root {
  --muted-ceramic-glaze-1: #CC7752;
  --muted-ceramic-glaze-2: #9BB3B6;
  --muted-ceramic-glaze-3: #D7BFA4;
  --muted-ceramic-glaze-4: #A8B49E;
  --muted-ceramic-glaze-5: #9A8C80;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "muted-ceramic-glaze": {
        1: "#CC7752",
        2: "#9BB3B6",
        3: "#D7BFA4",
        4: "#A8B49E",
        5: "#9A8C80",
      }
    }
  }
}

Related searches

ceramic color paletterustic glaze colorsearthy home decornatural pottery huescalm clay tones

Palette colors

Hex values

Color 1#CC7752
·
Color 2#9BB3B6
·
Color 3#D7BFA4
·
Color 4#A8B49E
·
Color 5#9A8C80
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.9:1Fail
1.5:1Fail
1:1Fail
2
1.5:1Fail
1.2:1Fail
1:1Fail
1.5:1Fail
3
1.9:1Fail
1.2:1Fail
1.2:1Fail
1.8:1Fail
4
1.5:1Fail
1:1Fail
1.2:1Fail
1.5:1Fail
5
1:1Fail
1.5:1Fail
1.8:1Fail
1.5:1Fail

Similar palettes

More like Muted Ceramic Glaze

View all neutral
Arid Plains Vista
Quiet Library Corner
Coastal Dune Serenity
Coastal Sands Aura
Desert Sand Horizon
Faded Linen Comfort