Palette

Terra Cotta Bloom

Warm, inviting hues reminiscent of sun-baked earthenware and resilient desert blossoms.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#CD5C5C#B22222#D2B48C#F4A460#8B4513

Palette guide

How to use Terra Cotta Bloom

Overview

The Terra Cotta Bloom palette offers a captivating blend of warm, inviting hues, reminiscent of sun-baked earthenware and resilient desert blossoms. Featuring a spectrum from the deep, rich #8B4513 to the vibrant #F4A460, and anchored by the classic #CD5C5C, this collection is perfect for creating designs that are both grounded and subtly cheerful. Developers and designers can leverage the strong presence of #B22222 for impactful statements, while the softer #D2B48C introduces a gentle, sandy element. This palette provides a versatile foundation for projects seeking an authentic, rustic, and naturally appealing aesthetic.

Best used for

Desert-themed travel or adventure websites
Artisan craft marketplaces
Home decor and furnishing e-commerce
Cultural heritage or museum digital experiences
Branding for organic food or coffee products
Mobile apps with a warm, inviting user interface

Suggested color roles

primary

Use #CD5C5C for main calls to action, offering a prominent yet friendly terracotta red focal point.

secondary

Apply #F4A460 for supporting graphics or secondary navigation, providing a bright, appealing contrast.

accent

Reserve #B22222 for strong highlights or important alerts, adding a deep, powerful touch.

background

Employ #D2B48C for a soft, sandy background that allows content to breathe, or #8B4513 for depth.

text

A deep brown like #8B4513 is ideal for body text on lighter backgrounds; white text works well on #B22222.

Accessibility notes

#D2B48C and #F4A460 are light; ensure dark text (e.g., #8B4513 or black) is used to meet contrast requirements.
Check contrast between #CD5C5C and #B22222 if used for text and background, as they are close in hue and value.
For interactive elements, provide clear visual feedback beyond color, especially for similar red tones.
Consider using a very dark brown or charcoal for primary text on any of the lighter background colors.

Recommended combinations

Desert Ground

Creates a strong visual hierarchy from deep earth tones to bright, sunny accents.

#8B4513 · #CD5C5C · #F4A460

Rustic Bloom

A soft sandy base with powerful red accents for a striking yet harmonious design.

#D2B48C · #B22222 · #CD5C5C

Warm Earth

Terracotta red as a primary, a bright orange accent, and a deep brown for grounding elements.

#CD5C5C · #F4A460 · #8B4513

CSS variables

:root {
  --terra-cotta-bloom-8-1: #CD5C5C;
  --terra-cotta-bloom-8-2: #B22222;
  --terra-cotta-bloom-8-3: #D2B48C;
  --terra-cotta-bloom-8-4: #F4A460;
  --terra-cotta-bloom-8-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "terra-cotta-bloom-8": {
        1: "#CD5C5C",
        2: "#B22222",
        3: "#D2B48C",
        4: "#F4A460",
        5: "#8B4513",
      }
    }
  }
}

Hex values

Color 1#CD5C5C

Color 2#B22222

Color 3#D2B48C

Color 4#F4A460

Color 5#8B4513

Accessibility

Contrast checker

1.7:1Fail

2:1Fail

1.8:1Fail

1.7:1Fail

3.4:1AA18

3.3:1AA18

1.1:1Fail

2:1Fail

3.4:1AA18

1:1Fail

3.6:1AA18

2:1Fail

3.3:1AA18

1:1Fail

3.5:1AA18

1.8:1Fail

1.1:1Fail

3.6:1AA18

3.5:1AA18

Similar palettes

More like Terra Cotta Bloom

Terra Cotta Bloom

See it in context.

Ready when you are.

Built with Terra Cotta Bloom.

How to use Terra Cotta Bloom

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Desert Ground

Rustic Bloom

Warm Earth

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Terra Cotta Bloom