Back to palettes

Palette

Sun-Kissed Terracotta

Warm and inviting tones of sun-drenched clay, perfect for a cozy, rustic aesthetic.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sun-Kissed Terracotta 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 Sun-Kissed Terracotta.

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

Data visualization

#A34A2E#C76D49#E69D6F#FAD6A7#FDECE1

Palette guide

How to use Sun-Kissed Terracotta

Overview

The Sun-Kissed Terracotta palette offers a warm and inviting collection of sun-drenched clay tones, perfect for designs seeking a cozy, rustic, or Mediterranean aesthetic. It features a deep terracotta (#A34A2E), a mid-tone clay orange (#C76D49), a soft peach (#E69D6F), a light sandy beige (#FAD6A7), and a creamy off-white (#FDECE1). This palette beautifully evokes the feeling of warm, earthy materials under gentle sunlight. Designers can use these harmonious hues to create grounded, comfortable, and visually appealing experiences across interiors, branding, and digital platforms.

Best used for

  • Home decor and interior design websites
  • Natural and organic cosmetic brands
  • Mediterranean-inspired restaurants or cafes
  • Artisanal goods and handmade crafts
  • Rustic wedding stationery and decor
  • Cozy blog themes and lifestyle content

Suggested color roles

primary

Utilize #A34A2E as a strong primary for headings, branding, or grounding elements, representing rich earthiness.

secondary

Apply #C76D49 for supporting elements, navigation, or background textures, adding warmth and depth.

accent

Introduce #E69D6F as a soft accent for highlights, calls to action, or decorative details, providing a gentle glow.

background

Employ #FDECE1 as a clean, creamy off-white background, offering an airy and readable canvas.

text

For body text, use a dark brown, black, or deep charcoal to ensure excellent contrast against the lighter shades.

Accessibility notes

  • Ensure sufficient contrast for text on #FAD6A7 and #FDECE1; dark text is essential for legibility.
  • Be cautious when pairing #E69D6F with light text; aim for darker text for better readability.
  • The rich #A34A2E provides good contrast for lighter text or as a bold background for dark text.
  • Consider larger font sizes for key information when using lighter palette colors as backgrounds.

Recommended combinations

Clay Warmth

Ideal for creating a deep, inviting, and rustic feel in headers, banners, or feature sections.

#A34A2E · #C76D49 · #E69D6F

Desert Glow

Excellent for soft backgrounds, testimonial sections, or designs requiring a delicate, sun-drenched touch.

#FAD6A7 · #FDECE1 · #C76D49

Rustic Charm

Perfect for balanced designs that combine grounding elements with soft highlights, suitable for branding.

#A34A2E · #E69D6F · #FDECE1

CSS variables

:root {
  --sun-kissed-terracotta-1: #A34A2E;
  --sun-kissed-terracotta-2: #C76D49;
  --sun-kissed-terracotta-3: #E69D6F;
  --sun-kissed-terracotta-4: #FAD6A7;
  --sun-kissed-terracotta-5: #FDECE1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sun-kissed-terracotta": {
        1: "#A34A2E",
        2: "#C76D49",
        3: "#E69D6F",
        4: "#FAD6A7",
        5: "#FDECE1",
      }
    }
  }
}

Related searches

terracotta color palettewarm clay tonesrustic design schemesun-drenched earth colorsMediterranean aesthetic

Palette colors

Hex values

Color 1#A34A2E
·
Color 2#C76D49
·
Color 3#E69D6F
·
Color 4#FAD6A7
·
Color 5#FDECE1
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.6:1Fail
4.3:1AA18
5.1:1AA
2
1.6:1Fail
1.6:1Fail
2.7:1Fail
3.2:1AA18
3
2.6:1Fail
1.6:1Fail
1.6:1Fail
1.9:1Fail
4
4.3:1AA18
2.7:1Fail
1.6:1Fail
1.2:1Fail
5
5.1:1AA
3.2:1AA18
1.9:1Fail
1.2:1Fail

Similar palettes

More like Sun-Kissed Terracotta

View all warm