Back to palettes

Palette

Warm Clay Artisan

A grounded palette of warm, sun-baked oranges and reds, reflecting the natural beauty of handcrafted clay.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Warm Clay Artisan 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 Warm Clay Artisan.

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

Data visualization

#CD6B40#E0825B#F09977#FFB093#FFC7B0

Palette guide

How to use Warm Clay Artisan

Overview

The Warm Clay Artisan palette evokes the comforting, handcrafted feel of sun-baked terracotta, offering a rich spectrum of warm oranges and earthy reds. This grounded collection, featuring deep #CD6B40, vibrant #E0825B, and soft #FFC7B0, is ideal for projects seeking an organic, authentic aesthetic. Designers can leverage its natural warmth to create inviting digital experiences or tactile brand identities. Developers will find these hues harmonious for UI elements that require a sense of heritage and warmth without being overly aggressive. It's a versatile choice for capturing the essence of natural materials and artisanal craftsmanship, providing a cohesive and approachable visual language across various applications.

Best used for

  • Artisan product branding
  • E-commerce for handmade goods
  • Rustic interior design websites
  • Organic food packaging
  • Cultural heritage institution websites
  • Wellness and spa branding

Suggested color roles

primary

Use #CD6B40 as a foundational brand color for headers, important call-to-action buttons, or main illustrations to convey warmth and stability.

secondary

Employ #E0825B for subheadings, active states, or supporting graphic elements to add energy and visual interest without overpowering the primary.

accent

Utilize #F09977 sparingly for highlights, small icons, or interactive elements that need a gentle pop, drawing attention subtly.

background

Apply #FFC7B0 as a soft, warm background color for content areas, cards, or hero sections to create an inviting, airy feel.

text

For optimal readability, use a dark charcoal text color like #333333 against the lighter backgrounds. For darker elements, use white text.

Accessibility notes

  • Ensure sufficient contrast when pairing #CD6B40 with #FFC7B0 for text, as their luminance difference might be borderline.
  • Prioritize dark text, such as #333333, on lighter shades like #FFB093 and #FFC7B0 for body copy readability.
  • Use #CD6B40 or #E0825B for critical interactive elements to provide better visual distinction against lighter backgrounds.
  • Avoid using #FFB093 text on #FFC7B0 backgrounds for any essential information due to low contrast.

Recommended combinations

Earthy Foundation

Ideal for primary branding, robust headers, and inviting background sections.

#CD6B40 · #E0825B · #FFC7B0

Warm Highlights

Excellent for call-to-action buttons, interactive elements, and vibrant illustrations.

#E0825B · #F09977 · #FFB093

Subtle Gradient

Create gentle visual transitions or soft, layered design elements.

#CD6B40 · #FFC7B0 · #E0825B

CSS variables

:root {
  --warm-clay-artisan-1: #CD6B40;
  --warm-clay-artisan-2: #E0825B;
  --warm-clay-artisan-3: #F09977;
  --warm-clay-artisan-4: #FFB093;
  --warm-clay-artisan-5: #FFC7B0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "warm-clay-artisan": {
        1: "#CD6B40",
        2: "#E0825B",
        3: "#F09977",
        4: "#FFB093",
        5: "#FFC7B0",
      }
    }
  }
}

Related searches

terracotta color schemerustic orange paletteearth tone designwarm clay colorsartisan brand colors

Palette colors

Hex values

Color 1#CD6B40
·
Color 2#E0825B
·
Color 3#F09977
·
Color 4#FFB093
·
Color 5#FFC7B0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
2.1:1Fail
2.4:1Fail
2
1.3:1Fail
1.3:1Fail
1.6:1Fail
1.9:1Fail
3
1.7:1Fail
1.3:1Fail
1.2:1Fail
1.5:1Fail
4
2.1:1Fail
1.6:1Fail
1.2:1Fail
1.2:1Fail
5
2.4:1Fail
1.9:1Fail
1.5:1Fail
1.2:1Fail

Similar palettes

More like Warm Clay Artisan

View all earth
Clay Earth Hearth
Desert Pot Shards
Mediterranean Terra cotta
Potter's Wheel Hearth
Rustic Clay Pottery
Sunbaked Clay Earth