Palette

Soft Clay Pottery

Gentle, earthy tones reflecting the pliable warmth and artisanal touch of unglazed clay pottery.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Soft Clay Pottery 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 Soft Clay Pottery.

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

Data visualization

#CD853F#DAA520#B2A78F#D2B48C#FAEBD7

Palette guide

How to use Soft Clay Pottery

Overview

The "Soft Clay Pottery" palette captures the gentle, artisanal charm of unglazed ceramics with a collection of warm, earthy tones. Featuring the rich #CD853F, a hint of golden #DAA520, muted #B2A78F, soft #D2B48C, and airy #FAEBD7, this palette is perfect for designs that aim to convey craftsmanship, natural warmth, and rustic authenticity. Designers and developers can utilize these versatile hues to create inviting digital experiences, handcrafted branding, or print materials that emphasize organic textures and a connection to traditional artistry. It’s an excellent choice for projects seeking a grounded, yet sophisticated, natural aesthetic.

Best used for

Handmade artisan goods and craft markets
Pottery studio branding and workshops
Farm-to-table restaurant menus and decor
Rustic wedding themes and invitations
Natural skincare and wellness products
Earthy interior design accents

Suggested color roles

primary

Utilize #FAEBD7 as a light, airy background, providing a clean yet warm canvas for content.

secondary

Employ #D2B48C for secondary sections or cards, offering subtle visual separation with a gentle, earthy tone.

accent

Use #CD853F or #DAA520 for strong accents, such as calls-to-action or important headings, adding a vibrant yet natural focus.

background

The lightest shade, #FAEBD7, serves as an excellent, breathable background, reminiscent of natural clay or parchment.

text

For optimal readability, use a deep brown or black text. #CD853F works well for headlines on lighter backgrounds.

Accessibility notes

Ensure sufficient contrast for text; darker shades like #CD853F work well for text on light backgrounds like #FAEBD7.
Avoid using lighter shades like #D2B48C for small body text, as contrast may be insufficient.
Always test color combinations with WCAG contrast tools to meet accessibility standards (AA or AAA).
Consider a slightly darker brown (e.g., #5C3A2D) for body text to ensure maximum readability across different screen types.

Recommended combinations

Rustic Harmony

Creates a soft, layered background for websites or printed materials, evoking natural textures.

#FAEBD7 · #D2B48C · #B2A78F

Golden Earth

Highlights key elements with a warm, golden glow against a light background, ideal for calls to action.

#FAEBD7 · #CD853F · #DAA520

Artisan Blend

Excellent for illustrations or branding that showcases the rich, varied tones of handcrafted pottery.

#D2B48C · #CD853F · #B2A78F

CSS variables

:root {
  --soft-clay-pottery-1: #CD853F;
  --soft-clay-pottery-2: #DAA520;
  --soft-clay-pottery-3: #B2A78F;
  --soft-clay-pottery-4: #D2B48C;
  --soft-clay-pottery-5: #FAEBD7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "soft-clay-pottery": {
        1: "#CD853F",
        2: "#DAA520",
        3: "#B2A78F",
        4: "#D2B48C",
        5: "#FAEBD7",
      }
    }
  }
}

Hex values

Color 1#CD853F

Color 2#DAA520

Color 3#B2A78F

Color 4#D2B48C

Color 5#FAEBD7

Accessibility

Contrast checker

1.3:1Fail

1.5:1Fail

2.6:1Fail

1.3:1Fail

1.1:1Fail

1.9:1Fail

1.3:1Fail

1.1:1Fail

1.2:1Fail

2:1Fail

1.5:1Fail

1.1:1Fail

1.2:1Fail

1.7:1Fail

2.6:1Fail

1.9:1Fail

2:1Fail

1.7:1Fail

Similar palettes

More like Soft Clay Pottery

Soft Clay Pottery

See it in context.

Ready when you are.

Built with Soft Clay Pottery.

How to use Soft Clay Pottery

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Rustic Harmony

Golden Earth

Artisan Blend

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Soft Clay Pottery