Palette

Sunbaked Clay Pots

Earthy oranges and rich browns evoke the rustic charm of sunbaked terracotta pottery.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunbaked Clay Pots 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 Sunbaked Clay Pots.

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

Data visualization

#CC7722#E49337#FFAB4F#FFC085#995500

Palette guide

How to use Sunbaked Clay Pots

Overview

The Sunbaked Clay Pots palette offers a vibrant yet grounded range of warm oranges and deep browns, capturing the essence of rustic terracotta. From the deep, rich #995500 to the inviting #CC7722 and the bright, sunny #FFAB4F, these colors evoke natural warmth and artisanal charm. The softer #FFC085 provides a gentle, airy base, while #E49337 acts as a versatile mid-tone. This palette is excellent for designers and developers aiming to create energetic, natural, and inviting interfaces or branding that resonates with authenticity and a touch of the outdoors.

Best used for

Artisan bakery or coffee shop branding
Fall-themed marketing materials or websites
Craft beverage labels and packaging
Outdoor adventure or travel blogs
E-commerce sites for natural or handmade goods
Event promotions with a warm, inviting atmosphere

Suggested color roles

primary

Use #CC7722 for prominent calls-to-action, key headings, or hero sections, providing a strong, inviting focal point.

secondary

Apply #E49337 for supporting content, subheadings, or secondary buttons, offering a brighter, more approachable feel.

accent

Utilize #FFAB4F for highlights, small interactive elements, or graphic details to add a lively, sun-drenched pop.

background

Employ #FFC085 as a warm, soft background color, ensuring excellent readability for darker text and a comforting overall ambiance.

text

A deep brown like #995500 provides optimal contrast for body text and important information against lighter backgrounds, enhancing legibility.

Accessibility notes

Ensure high contrast for #995500 text on #FFC085 or #FFAB4F backgrounds.
Verify that interactive elements like buttons using #CC7722 have sufficient contrast against their surrounding colors.
Avoid using light-colored text on #E49337 or #FFAB4F without checking contrast ratios.
Consider providing alternative text styles for users with visual impairments, especially with the brighter hues.

Recommended combinations

Warm Glow

Perfect for header areas or hero sections, creating a bright, inviting gradient with depth.

#FFC085 · #FFAB4F · #CC7722

Earthy Foundation

Ideal for content blocks where a strong, dark base supports a warm accent and a light, readable background.

#995500 · #CC7722 · #FFC085

Vibrant Accents

Use for UI components, navigation, or product highlights that need to stand out with a lively touch against a dark base.

#E49337 · #FFAB4F · #995500

CSS variables

:root {
  --sunbaked-clay-pots-2-1: #CC7722;
  --sunbaked-clay-pots-2-2: #E49337;
  --sunbaked-clay-pots-2-3: #FFAB4F;
  --sunbaked-clay-pots-2-4: #FFC085;
  --sunbaked-clay-pots-2-5: #995500;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunbaked-clay-pots-2": {
        1: "#CC7722",
        2: "#E49337",
        3: "#FFAB4F",
        4: "#FFC085",
        5: "#995500",
      }
    }
  }
}

Hex values

Color 1#CC7722

Color 2#E49337

Color 3#FFAB4F

Color 4#FFC085

Color 5#995500

Accessibility

Contrast checker

1.4:1Fail

1.8:1Fail

2.1:1Fail

1.7:1Fail

1.4:1Fail

1.3:1Fail

1.5:1Fail

2.3:1Fail

1.8:1Fail

1.3:1Fail

1.2:1Fail

3.1:1AA18

2.1:1Fail

1.5:1Fail

1.2:1Fail

3.6:1AA18

1.7:1Fail

2.3:1Fail

3.1:1AA18

3.6:1AA18

Similar palettes

More like Sunbaked Clay Pots

View all warm

Baked Clay Pottery

Mediterranean Sunstone

Rustic Autumn Road

Sun-Drenched Terracotta

Sunbaked Terra Village

Terra Cotta Sunset