Palette

Boho Clay Bloom

Earthy tones inspired by natural clay pottery and the gentle, organic blooms found in bohemian decor.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Boho Clay 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 Boho Clay Bloom.

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

Data visualization

#A36A5B#CC9F7C#F4D3AE#E8A88B#8B4D41

Palette guide

How to use Boho Clay Bloom

Overview

The "Boho Clay Bloom" palette draws inspiration from natural clay pottery and the gentle, organic blooms found in bohemian decor. This earthy collection features the deep terracotta of #A36A5B, the warm beige of #CC9F7C, and the soft, sun-kissed #F4D3AE. Complementary shades include the inviting #E8A88B and the robust #8B4D41, creating a harmonious and comforting blend. Ideal for designers seeking to convey authenticity, rustic charm, and a natural aesthetic, this palette is versatile for branding, web design, or digital art. It evokes a sense of handmade quality and organic beauty, perfect for projects that celebrate natural materials, artisan goods, or a cozy, grounded feel.

Best used for

Ceramics and pottery branding
Rustic wedding invitations
Natural skincare product packaging
Bohemian home decor websites
Artisan craft fair marketing
Lifestyle blogs with an organic focus

Suggested color roles

primary

Use #8B4D41 as a strong, grounding primary color for headers, footers, or important brand elements, conveying stability.

secondary

Apply #A36A5B for subheadings, content blocks, or feature panels, offering warmth and approachability.

accent

Introduce #E8A88B for calls-to-action, highlights, or decorative patterns to add a vibrant, energetic pop.

background

The light #F4D3AE serves as an excellent clean background, allowing other colors to pop. #CC9F7C can be used for softer sections.

text

Pair dark text like charcoal or #8B4D41 on #F4D3AE. For darker backgrounds, use a light cream or white for optimal readability.

Accessibility notes

Ensure sufficient contrast when using #E8A88B or #F4D3AE for text, especially on similar value backgrounds; use as accents or for large text.
The dark #8B4D41 provides excellent contrast for light text, making it a reliable choice for readability.
Avoid using #A36A5B for small text on #CC9F7C due to potential low contrast; use for larger headings.
Always test text and interactive elements with WCAG contrast checkers to ensure accessibility for all users.

Recommended combinations

Clay Gradient

Ideal for creating visually appealing hero sections, banners, or gradient backgrounds that transition smoothly.

#8B4D41 · #A36A5B · #CC9F7C

Bloom Canvas

Perfect for clean, inviting content areas, product displays, or blog layouts, offering warmth and clarity.

#F4D3AE · #E8A88B · #8B4D41

Rustic Pop

Effective for drawing attention to specific details, iconography, or artistic elements with a vibrant, cohesive feel.

#A36A5B · #E8A88B · #CC9F7C

CSS variables

:root {
  --boho-clay-bloom-1: #A36A5B;
  --boho-clay-bloom-2: #CC9F7C;
  --boho-clay-bloom-3: #F4D3AE;
  --boho-clay-bloom-4: #E8A88B;
  --boho-clay-bloom-5: #8B4D41;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "boho-clay-bloom": {
        1: "#A36A5B",
        2: "#CC9F7C",
        3: "#F4D3AE",
        4: "#E8A88B",
        5: "#8B4D41",
      }
    }
  }
}

Hex values

Color 1#A36A5B

Color 2#CC9F7C

Color 3#F4D3AE

Color 4#E8A88B

Color 5#8B4D41

Accessibility

Contrast checker

1.8:1Fail

3.1:1AA18

2.2:1Fail

1.5:1Fail

1.8:1Fail

1.7:1Fail

1.2:1Fail

2.7:1Fail

3.1:1AA18

1.7:1Fail

1.4:1Fail

4.6:1AA

2.2:1Fail

1.2:1Fail

1.4:1Fail

3.2:1AA18

1.5:1Fail

2.7:1Fail

4.6:1AA

3.2:1AA18

Similar palettes

More like Boho Clay Bloom

View all earth

Ancient Clay Vessel

Bohemian Desert Bloom

Bohemian Grove Melody

Canyon Wall Rust

Earth Clay Hearth

Earth Loom Wander