Back to palettes

Palette

Terracotta Bloom Garden

Captures the warm, sunbaked essence of a desert garden, with rich clay tones and subtle floral blushes.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Terracotta Bloom Garden 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 Bloom Garden.

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

Data visualization

#A86B5A#C78A6F#E0B49F#FADCD1#8A5040

Palette guide

How to use Terracotta Bloom Garden

Overview

The Terracotta Bloom Garden palette captures the warm, sunbaked essence of a desert garden, blending rich clay tones with subtle floral blushes. Featuring shades like the grounding #8A5040, the inviting #A86B5A, and the soft, ethereal #FADCD1, this palette is perfect for designers and developers seeking to evoke natural beauty and rustic charm. It offers a harmonious and sophisticated range for creating designs that feel organic, serene, and intimately connected to the earth, suitable for both digital interfaces and print materials.

Best used for

  • Botanical and floral design projects
  • Natural beauty and skincare product branding
  • Garden center or nursery websites
  • Artisanal craft businesses (pottery, textiles)
  • Wellness and spa branding for a calming effect
  • Interior design themes (bohemian, rustic chic)

Suggested color roles

primary

The rich #A86B5A serves as a warm and inviting primary color, ideal for headings, main content, or brand logos.

secondary

Use #C78A6F for supporting content, subheadings, or as a background for sections that need a softer, yet still earthy, presence.

accent

The lightest shade, #FADCD1, provides a delicate accent, perfect for highlights, interactive elements, or subtle background textures.

background

The airy #FADCD1 creates a clean, open background, offering excellent contrast for darker text and elements. For a deeper base, consider #E0B49F.

text

For optimal readability on lighter backgrounds like #FADCD1, use the darkest shade #8A5040 or a deep charcoal. On dark backgrounds, a crisp off-white is recommended.

Accessibility notes

  • Ensure sufficient contrast when using #E0B49F and #FADCD1 for text, as they are close in value.
  • The deep #8A5040 offers excellent contrast for light text, ensuring readability.
  • Pair the warm #A86B5A with #FADCD1 for strong readability and a balanced visual impact.
  • Avoid placing light text on #C78A6F without checking WCAG contrast ratios.

Recommended combinations

Clay Ground

Creates a grounded yet open feel, great for defining sections and content blocks.

#8A5040 · #A86B5A · #FADCD1

Desert Bloom

Offers a soft, radiant combination, suitable for product descriptions or testimonials.

#C78A6F · #E0B49F · #FADCD1

Rustic Bloom

A robust and cohesive trio for navigation or footer elements, conveying natural authenticity.

#A86B5A · #8A5040 · #C78A6F

CSS variables

:root {
  --terracotta-bloom-garden-2-1: #A86B5A;
  --terracotta-bloom-garden-2-2: #C78A6F;
  --terracotta-bloom-garden-2-3: #E0B49F;
  --terracotta-bloom-garden-2-4: #FADCD1;
  --terracotta-bloom-garden-2-5: #8A5040;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "terracotta-bloom-garden-2": {
        1: "#A86B5A",
        2: "#C78A6F",
        3: "#E0B49F",
        4: "#FADCD1",
        5: "#8A5040",
      }
    }
  }
}

Related searches

terracotta garden color palettedesert bloom colorswarm clay tonesnatural floral blushrustic garden scheme

Palette colors

Hex values

Color 1#A86B5A
·
Color 2#C78A6F
·
Color 3#E0B49F
·
Color 4#FADCD1
·
Color 5#8A5040
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
3.3:1AA18
1.5:1Fail
2
1.5:1Fail
1.5:1Fail
2.2:1Fail
2.2:1Fail
3
2.3:1Fail
1.5:1Fail
1.4:1Fail
3.4:1AA18
4
3.3:1AA18
2.2:1Fail
1.4:1Fail
4.9:1AA
5
1.5:1Fail
2.2:1Fail
3.4:1AA18
4.9:1AA

Similar palettes

More like Terracotta Bloom Garden

View all earth
Adobe Sunset Glow
Canyon Wall Rust
Spice Route Caravan
Spicy Clay Hearth
Sunbaked Adobe Walls
Sunbaked Clay Earth