Back to palettes

Palette

Terracotta Sunset Glaze

Warm, sun-baked oranges and reds reflecting the glow of a desert sunset on clay.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Terracotta Sunset Glaze 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 Terracotta Sunset Glaze.

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

Data visualization

#CB6D51#E69C68#FFC785#A44A3F#F0E1DA

Palette guide

How to use Terracotta Sunset Glaze

Overview

The Terracotta Sunset Glaze palette offers a collection of warm, sun-baked oranges and reds, reflecting the serene glow of a desert sunset on natural clay. Anchored by the rich terracotta of #CB6D51 and the softer glow of #E69C68, it's complemented by the bright, airy #FFC785. A grounding deep red, #A44A3F, provides depth, while the near-white #F0E1DA offers a clean, earthy canvas. This palette is ideal for designers and developers aiming to evoke a natural, organic, and inviting atmosphere in their projects, balancing vibrant warmth with soothing neutrals.

Best used for

  • Nature-inspired branding
  • Boho-chic interior design concepts
  • Autumnal marketing campaigns
  • Artisanal food and beverage packaging
  • Websites with a rustic or organic aesthetic
  • Event invitations (e.g., outdoor weddings)

Suggested color roles

primary

Use #CB6D51 as a main brand color for impactful headings or key graphical elements, conveying warmth and authenticity.

secondary

Employ #E69C68 for supporting sections, call-to-action buttons, or secondary headings to maintain an inviting tone.

accent

Apply #FFC785 sparingly for bright highlights, small interactive elements, or decorative details that need to pop.

background

Utilize #F0E1DA as a light, airy background color for main content areas, providing a clean yet warm base.

text

Choose #A44A3F for primary body text and darker headings, ensuring excellent readability against lighter backgrounds, or use a deep charcoal for contrast.

Accessibility notes

  • Ensure sufficient contrast between #A44A3F text and #F0E1DA backgrounds for optimal readability.
  • When using #CB6D51 for text, ensure it's on a very light background to pass WCAG contrast standards.
  • Avoid using #FFC785 for small or essential text elements due to its lightness; it's best for accents or large graphics.
  • Test all color combinations for interactive elements (buttons, links) to ensure clear visual feedback and contrast.

Recommended combinations

Warm Gradient

Create smooth, inviting gradients for headers, hero sections, or background textures that transition elegantly.

#CB6D51 · #E69C68 · #FFC785

Earthy Contrast

Form a strong, readable text-on-background combination, with #CB6D51 as a primary accent for buttons or icons.

#A44A3F · #F0E1DA · #CB6D51

Highlight Trio

Use these lighter shades together for subtle accents, secondary UI elements, or layered graphical components.

#E69C68 · #FFC785 · #F0E1DA

CSS variables

:root {
  --terracotta-sunset-glaze-1: #CB6D51;
  --terracotta-sunset-glaze-2: #E69C68;
  --terracotta-sunset-glaze-3: #FFC785;
  --terracotta-sunset-glaze-4: #A44A3F;
  --terracotta-sunset-glaze-5: #F0E1DA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "terracotta-sunset-glaze": {
        1: "#CB6D51",
        2: "#E69C68",
        3: "#FFC785",
        4: "#A44A3F",
        5: "#F0E1DA",
      }
    }
  }
}

Related searches

terracotta color schemessunset inspired palettesearthy orange colorsdesert modern designwarm clay hex codes

Palette colors

Hex values

Color 1#CB6D51
·
Color 2#E69C68
·
Color 3#FFC785
·
Color 4#A44A3F
·
Color 5#F0E1DA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.4:1Fail
1.6:1Fail
2.8:1Fail
2
1.6:1Fail
1.5:1Fail
2.6:1Fail
1.8:1Fail
3
2.4:1Fail
1.5:1Fail
3.8:1AA18
1.2:1Fail
4
1.6:1Fail
2.6:1Fail
3.8:1AA18
4.5:1AA
5
2.8:1Fail
1.8:1Fail
1.2:1Fail
4.5:1AA

Similar palettes

More like Terracotta Sunset Glaze

View all warm
Canyon Dusk Ember
Canyon Fire Sunset
Mesa Ember Glow
Sedona Horizon Glow
Terracotta Sunset Kiss
Bohemian Sunset Bloom