Back to palettes

Palette

Terracotta Bloom Joy

A joyful blend of warm terracotta and blooming reds, evoking a vibrant, sun-drenched garden.

earthplayful5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E9967A#FA8072#CD5C5C#BC8F8F#BDB76B

Palette guide

How to use Terracotta Bloom Joy

Overview

The Terracotta Bloom Joy palette offers a playful and vibrant array of warm, sun-drenched hues, perfect for projects seeking a natural, happy aesthetic. Designers can leverage the cheerful `#FA8072` alongside the deeper `#CD5C5C` to create energetic focal points. The softer `#E9967A` and muted `#BC8F8F` provide excellent supporting roles, while `#BDB76B` introduces a subtle earthy green-yellow contrast. This palette is ideal for digital interfaces, branding, or physical spaces aiming for a rustic yet lively feel. Developers will find these hex codes easy to implement across various platforms for a cohesive, joyful user experience.

Best used for

  • Children's book illustrations
  • Rustic wedding invitations
  • Summer festival branding
  • E-commerce for handmade goods
  • Garden-themed websites
  • Interior design accents

Suggested color roles

primary

#FA8072 - A vibrant, joyful red-orange, excellent for primary calls-to-action or hero sections to capture immediate attention.

secondary

#E9967A - A softer, warm terracotta, ideal for supporting elements, subheadings, or background sections that need warmth without overwhelming.

accent

#BDB76B - A muted, earthy yellow-green, perfect for subtle highlights, interactive elements, or small decorative details to add a touch of nature.

background

#BC8F8F - A delicate, rosy beige, suitable for light backgrounds that provide a gentle canvas, allowing other colors to pop without harsh contrast.

text

#CD5C5C - A rich, medium red, provides good readability for larger body text or headlines. For smaller text, consider a dark brown or charcoal for better contrast.

Accessibility notes

  • Ensure sufficient contrast when pairing `#E9967A` or `#BC8F8F` with lighter text.
  • Use `#CD5C5C` for critical text elements against light backgrounds for improved readability.
  • Avoid placing `#FA8072` directly on `#CD5C5C` without careful contrast checking.
  • Consider larger font sizes for text colored with `#BDB76B` when used on light backgrounds.

Recommended combinations

Sun-Drenched

For cheerful headers and soft content blocks, evoking a warm, inviting feel.

#FA8072 · #E9967A · #BC8F8F

Earthy Bloom

To highlight natural themes, using bold red for impact with earthy green-yellow and a muted background.

#CD5C5C · #BDB76B · #BC8F8F

Playful Warmth

A vibrant gradient for banners or graphical elements, showcasing the palette's energetic core.

#E9967A · #FA8072 · #CD5C5C

CSS variables

:root {
  --terracotta-bloom-joy-1: #E9967A;
  --terracotta-bloom-joy-2: #FA8072;
  --terracotta-bloom-joy-3: #CD5C5C;
  --terracotta-bloom-joy-4: #BC8F8F;
  --terracotta-bloom-joy-5: #BDB76B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "terracotta-bloom-joy": {
        1: "#E9967A",
        2: "#FA8072",
        3: "#CD5C5C",
        4: "#BC8F8F",
        5: "#BDB76B",
      }
    }
  }
}

Related searches

terracotta color schemesrustic flower palettewarm garden colorshappy red orange paletteearthy joyful design

Palette colors

Hex values

Color 1#E9967A
·
Color 2#FA8072
·
Color 3#CD5C5C
·
Color 4#BC8F8F
·
Color 5#BDB76B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.7:1Fail
1.2:1Fail
1.1:1Fail
2
1.1:1Fail
1.6:1Fail
1.1:1Fail
1.2:1Fail
3
1.7:1Fail
1.6:1Fail
1.4:1Fail
1.9:1Fail
4
1.2:1Fail
1.1:1Fail
1.4:1Fail
1.4:1Fail
5
1.1:1Fail
1.2:1Fail
1.9:1Fail
1.4:1Fail

Similar palettes

More like Terracotta Bloom Joy

View all earth
Enchanted Mushroom Ring
Canyon Clay Whisper
Desert Jasper Vein
Earthen Clay Essence
Mint Chocolate Swirl
Adobe Sunset