Back to palettes

Palette

Soft Clay Vessel

Gentle, muted browns and beiges, reminiscent of natural, unglazed earthenware.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#C4A79D#A78B80#8A7064#6D5448#50392C

Palette guide

How to use Soft Clay Vessel

Overview

The "Soft Clay Vessel" palette offers a sophisticated collection of gentle, muted browns and beiges, evoking the raw beauty of natural, unglazed earthenware. With a harmonious progression from the light #C4A79D to the deep, grounding #50392C, including mid-tones like #A78B80, #8A7064, and #6D5448, this palette is perfect for designs that seek a minimalist, warm, and earthy aesthetic. Designers and developers can leverage these versatile neutrals to create elegant digital interfaces, timeless branding, or print materials that convey a sense of craftsmanship, stability, and understated luxury. It’s an excellent choice for projects aiming for a refined, natural connection.

Best used for

  • Minimalist interior design and furniture branding
  • High-end artisan goods and ceramics
  • Luxury fashion accessories e-commerce
  • Architectural firm portfolios
  • Sustainable and ethical brand identities
  • Editorial layouts for sophisticated content

Suggested color roles

primary

Utilize #C4A79D as a soft, inviting background, providing a warm, natural base.

secondary

Employ #A78B80 for secondary sections or cards, subtly differentiating areas while maintaining harmony.

accent

Use #6D5448 or #50392C for strong accents, such as calls-to-action or important headings, adding depth and focus.

background

The lightest shade, #C4A79D, creates a comforting and spacious background, allowing darker elements to stand out.

text

For optimal readability, use #50392C or black text. #6D5448 is also suitable for body text on lighter backgrounds.

Accessibility notes

  • Ensure sufficient contrast for text; darker browns (#6D5448, #50392C) provide good readability on lighter shades.
  • Avoid using #C4A79D or #A78B80 for small body text; reserve them for backgrounds or large decorative elements.
  • Always test color combinations with WCAG contrast tools to meet accessibility standards (AA or AAA).
  • Consider using a slightly darker brown for body text (e.g., #3A2B21) to ensure maximum readability across various devices.

Recommended combinations

Earthen Gradient

Creates a smooth, natural depth for backgrounds, headers, or subtle visual transitions.

#C4A79D · #A78B80 · #8A7064

Deep Contrast

Ideal for clean layouts, using the darkest browns for impactful text or primary elements against a light base.

#C4A79D · #6D5448 · #50392C

Textured Blend

Excellent for conveying a tactile, layered feel, suitable for product showcases or detailed graphics.

#A78B80 · #8A7064 · #6D5448

CSS variables

:root {
  --soft-clay-vessel-1: #C4A79D;
  --soft-clay-vessel-2: #A78B80;
  --soft-clay-vessel-3: #8A7064;
  --soft-clay-vessel-4: #6D5448;
  --soft-clay-vessel-5: #50392C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "soft-clay-vessel": {
        1: "#C4A79D",
        2: "#A78B80",
        3: "#8A7064",
        4: "#6D5448",
        5: "#50392C",
      }
    }
  }
}

Related searches

soft clay brown palettemuted earthy neutralsminimalist warm brownunglazed pottery colorsnatural beige brown scheme

Palette colors

Hex values

Color 1#C4A79D
·
Color 2#A78B80
·
Color 3#8A7064
·
Color 4#6D5448
·
Color 5#50392C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2:1Fail
3.1:1AA18
4.8:1AA
2
1.4:1Fail
1.5:1Fail
2.2:1Fail
3.4:1AA18
3
2:1Fail
1.5:1Fail
1.5:1Fail
2.3:1Fail
4
3.1:1AA18
2.2:1Fail
1.5:1Fail
1.5:1Fail
5
4.8:1AA
3.4:1AA18
2.3:1Fail
1.5:1Fail

Similar palettes

More like Soft Clay Vessel

View all neutral
Ancient Papyrus Hue
Artisan Clay Paint
Cloud Cotton Comfort
Earthy Clay Stillness
Urban Espresso Blend
Warm Linen Weave