Back to palettes

Palette

Sunbaked Terra Firm

Rich, fiery reds and oranges inspired by sun-baked earth and ancient terracotta structures.

earthenergetic5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunbaked Terra Firm 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 Terra Firm.

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

Data visualization

#B22222#D2691E#CD5C5C#DAA520#8B4513

Palette guide

How to use Sunbaked Terra Firm

Overview

The Sunbaked Terra Firm palette is a vibrant collection of fiery reds, oranges, and earthy browns, drawing inspiration from sun-baked earth and robust terracotta. Designers and developers will find these five energetic hues, including the bold #B22222, the rich #D2691E, and the striking #DAA520, perfect for projects demanding warmth, passion, and a touch of rustic energy. The softer #CD5C5C offers a gentler red, while #8B4513 provides a grounding, deep brown. This palette is incredibly effective for creating compelling visuals that are both inviting and impactful, suitable for a wide range of applications from digital interfaces to physical branding.

Best used for

  • Vibrant branding for food and beverage companies
  • Websites with a strong, energetic visual identity
  • Rustic-themed event decor and invitations
  • Packaging for spicy or robust products
  • Digital campaigns requiring high visual impact
  • Architectural visualizations for traditional or earthy structures

Suggested color roles

primary

Use #B22222 as a powerful primary color for headlines, brand logos, or prominent calls-to-action to convey urgency and passion.

secondary

Apply #D2691E for supporting sections, secondary buttons, or large graphic elements to maintain a warm, inviting energy.

accent

Introduce #DAA520 as a bright, contrasting accent for highlights, small icons, or to draw attention to specific details.

background

Employ #CD5C5C as a soft, warm background color for content areas, or consider a neutral off-white for lighter contrast.

text

For optimal readability, use #8B4513 on lighter backgrounds. On darker colors like #B22222 or #D2691E, white or a very light cream text works best.

Accessibility notes

  • Ensure high contrast when placing text on #CD5C5C; dark text is essential for readability.
  • The vibrant #B22222 and #D2691E can be challenging for accessibility; pair with pure white text.
  • Avoid using #DAA520 for small text on #CD5C5C due to potential low contrast.
  • Utilize #8B4513 for dark text on light backgrounds for excellent readability across the palette.

Recommended combinations

Fiery Earth

Creates a strong, dynamic base, perfect for impactful headers or feature sections.

#B22222 · #D2691E · #8B4513

Terra Glow

Ideal for adding a vibrant highlight, such as in infographics or call-out boxes.

#CD5C5C · #DAA520 · #B22222

Rustic Core

Provides a warm, inviting feel for content areas, showcasing a natural, grounded aesthetic.

#D2691E · #8B4513 · #CD5C5C

CSS variables

:root {
  --sunbaked-terra-firm-1: #B22222;
  --sunbaked-terra-firm-2: #D2691E;
  --sunbaked-terra-firm-3: #CD5C5C;
  --sunbaked-terra-firm-4: #DAA520;
  --sunbaked-terra-firm-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunbaked-terra-firm": {
        1: "#B22222",
        2: "#D2691E",
        3: "#CD5C5C",
        4: "#DAA520",
        5: "#8B4513",
      }
    }
  }
}

Related searches

terracotta red palettefiery earth tonesrustic orange color schemevibrant desert colorsbold warm palette

Palette colors

Hex values

Color 1#B22222
·
Color 2#D2691E
·
Color 3#CD5C5C
·
Color 4#DAA520
·
Color 5#8B4513
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
1.7:1Fail
3:1Fail
1.1:1Fail
2
1.8:1Fail
1.1:1Fail
1.6:1Fail
2:1Fail
3
1.7:1Fail
1.1:1Fail
1.8:1Fail
1.8:1Fail
4
3:1Fail
1.6:1Fail
1.8:1Fail
3.2:1AA18
5
1.1:1Fail
2:1Fail
1.8:1Fail
3.2:1AA18

Similar palettes

More like Sunbaked Terra Firm

View all earth
Vibrant Souk Hues
Adobe Sunset Glow
Bohemian Spice Market
Canyon Wall Rust
Moroccan Tile Zest
Spice Route Caravan