Back to palettes

Palette

Terra Cotta Sunset

Warm, earthy reds and oranges, mimicking the beautiful glow of a sunset over a terra cotta landscape.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Terra Cotta Sunset 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 Terra Cotta Sunset.

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

Data visualization

#B55D41#D1795E#ED967A#FFB397#FFD0BB

Palette guide

How to use Terra Cotta Sunset

Overview

The Terra Cotta Sunset palette is a breathtaking gradient of warm, earthy reds and oranges, perfectly mimicking the beautiful glow of a sunset over a terracotta landscape. This inviting collection transitions from the deeper #B55D41 to the soft, ethereal #FFD0BB, with vibrant mid-tones like #D1795E and #ED967A. The gentle #FFB397 adds a touch of creamy lightness, creating a truly harmonious and comforting aesthetic. It’s an exceptional choice for designs that aim to convey warmth, tranquility, and natural beauty. This palette is particularly effective for projects requiring a soft yet vibrant appeal, evoking feelings of serenity and coziness.

Best used for

  • Romantic event invitations (weddings, anniversaries)
  • Spa and relaxation brand identity
  • Warm, inviting interior design concepts
  • Beauty and skincare product packaging
  • Children's book illustrations with a gentle tone
  • Blogs focused on mindful living or self-care

Suggested color roles

primary

Use #D1795E as a dominant color for main headers or significant design elements, offering a soft, inviting warmth.

secondary

Apply #B55D41 for supporting content or background textures, providing a deeper, grounding tone.

accent

Employ #ED967A for subtle highlights or calls-to-action, adding a gentle pop of vibrant warmth.

background

Utilize #FFD0BB for light, airy backgrounds, creating a soft, expansive canvas reminiscent of a glowing sky.

text

For body text, a deep brown or charcoal ensures excellent readability, especially on lighter palette colors.

Accessibility notes

  • Ensure darker text (e.g., deep brown) has strong contrast against #FFD0BB backgrounds for optimal readability.
  • Avoid using adjacent colors like #D1795E on #B55D41 for small text due to potential low contrast.
  • Lighter shades like #FFD0BB and #FFB397 are best reserved for backgrounds or large decorative elements.
  • Prioritize sufficient contrast for all text elements, especially against the palette's softer tones.

Recommended combinations

Sunset Haze

Creates a soft, ethereal glow, perfect for serene and romantic designs.

#D1795E · #ED967A · #FFD0BB

Earthy Warmth

A balanced blend of deeper and lighter tones, ideal for a comforting and natural aesthetic.

#B55D41 · #D1795E · #FFB397

Gentle Glow

Highlights the palette's lighter, more luminous aspects, suitable for delicate and inviting visuals.

#FFD0BB · #ED967A · #B55D41

CSS variables

:root {
  --terra-cotta-sunset-2-1: #B55D41;
  --terra-cotta-sunset-2-2: #D1795E;
  --terra-cotta-sunset-2-3: #ED967A;
  --terra-cotta-sunset-2-4: #FFB397;
  --terra-cotta-sunset-2-5: #FFD0BB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "terra-cotta-sunset-2": {
        1: "#B55D41",
        2: "#D1795E",
        3: "#ED967A",
        4: "#FFB397",
        5: "#FFD0BB",
      }
    }
  }
}

Related searches

sunset color palettewarm orange red schemeterracotta gradient colorsromantic earthy tonessoft natural hues

Palette colors

Hex values

Color 1#B55D41
·
Color 2#D1795E
·
Color 3#ED967A
·
Color 4#FFB397
·
Color 5#FFD0BB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2:1Fail
2.6:1Fail
3.3:1AA18
2
1.4:1Fail
1.4:1Fail
1.8:1Fail
2.3:1Fail
3
2:1Fail
1.4:1Fail
1.3:1Fail
1.6:1Fail
4
2.6:1Fail
1.8:1Fail
1.3:1Fail
1.2:1Fail
5
3.3:1AA18
2.3:1Fail
1.6:1Fail
1.2:1Fail

Similar palettes

More like Terra Cotta Sunset

View all warm