Back to palettes

Palette

Sun-Drenched Terracotta

Warm, inviting shades of terracotta, baked under the golden rays of the desert sun.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B05F3B#D47E4D#F79C5F#FFC488#FFF0D9

Palette guide

How to use Sun-Drenched Terracotta

Overview

The Sun-Drenched Terracotta palette offers a beautiful gradient of warm, inviting earth tones, perfect for conveying natural warmth and rustic elegance. It features a deep terracotta (#B05F3B), a rich orange-brown (#D47E4D), a softer peach (#F79C5F), a light apricot (#FFC488), and a creamy off-white (#FFF0D9). This collection is ideal for designers and developers aiming to evoke a sense of comfort, tradition, and sun-baked landscapes. Its harmonious progression of shades makes it excellent for creating depth and visual interest in projects requiring a sophisticated yet approachable aesthetic.

Best used for

  • Interior design and home staging websites
  • Pottery and ceramic artisan businesses
  • Mediterranean or Southwestern architectural themes
  • Skincare or natural beauty product branding
  • Rustic wedding stationery and event design
  • Educational content on geology or archaeology

Suggested color roles

primary

#B05F3B (Deep Terracotta) serves as a grounding primary, ideal for headings, borders, or structural elements.

secondary

#D47E4D (Orange-Brown) provides a warm complement, suitable for subheadings or prominent UI elements.

accent

#F79C5F (Soft Peach) offers a gentle accent for highlights, hover states, or subtle decorative details.

background

#FFF0D9 (Creamy Off-White) is the perfect light background, providing a clean canvas for other colors.

text

A dark brown (#5C4033) or a deep charcoal (#333333) for body text, ensuring readability while maintaining the earthy feel.

Accessibility notes

  • #F79C5F, #FFC488, and #FFF0D9 are very light; use them primarily as backgrounds or for large graphical elements.
  • Ensure sufficient contrast for any text placed on #D47E4D or #B05F3B; white text generally works well.
  • Avoid using light colors like #FFC488 for small text, as contrast will be insufficient against most backgrounds.
  • For interactive elements, ensure hover states provide clear visual feedback beyond just slight color changes.

Recommended combinations

Earthy Gradient

Creates a smooth, natural transition, perfect for backgrounds, headers, or illustrative elements.

#B05F3B · #D47E4D · #F79C5F

Rustic Base

Provides a strong, grounded foundation with a touch of lightness, suitable for main content areas.

#B05F3B · #FFF0D9 · #D47E4D

Soft Warmth

Ideal for delicate details, subtle accents, or creating a light and airy feel.

#F79C5F · #FFC488 · #FFF0D9

CSS variables

:root {
  --sun-drenched-terracotta-2-1: #B05F3B;
  --sun-drenched-terracotta-2-2: #D47E4D;
  --sun-drenched-terracotta-2-3: #F79C5F;
  --sun-drenched-terracotta-2-4: #FFC488;
  --sun-drenched-terracotta-2-5: #FFF0D9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sun-drenched-terracotta-2": {
        1: "#B05F3B",
        2: "#D47E4D",
        3: "#F79C5F",
        4: "#FFC488",
        5: "#FFF0D9",
      }
    }
  }
}

Related searches

terracotta color schemewarm earth tones paletterustic orange brown colorssunbaked natural designmediterranean home decor colors

Palette colors

Hex values

Color 1#B05F3B
·
Color 2#D47E4D
·
Color 3#F79C5F
·
Color 4#FFC488
·
Color 5#FFF0D9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.2:1Fail
3:1Fail
4.1:1AA18
2
1.5:1Fail
1.4:1Fail
2:1Fail
2.7:1Fail
3
2.2:1Fail
1.4:1Fail
1.4:1Fail
1.9:1Fail
4
3:1Fail
2:1Fail
1.4:1Fail
1.4:1Fail
5
4.1:1AA18
2.7:1Fail
1.9:1Fail
1.4:1Fail

Similar palettes

More like Sun-Drenched Terracotta

View all warm
Bohemian Textile Art
Kiln Fired Earth
Rustic Tuscan Sunset
Sun Drenched Tuscan
Sunbaked Clay Pots
Sunbaked Terra Village