Back to palettes

Palette

Bohemian Clay Road

Embodies the natural beauty of sun-baked earth and ancient pathways in a tranquil setting.

EarthNatural5 colors
More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Bohemian Clay Road 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 Bohemian Clay Road.

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

Data visualization

#7D4D3D#A56F5E#CD9B8F#E4BCA7#F2DFCF

Palette guide

How to use Bohemian Clay Road

Overview

The Bohemian Clay Road palette embodies the natural beauty of sun-baked earth and ancient pathways in a tranquil setting. It features a harmonious gradient of warm, rustic browns and soft, earthy pinks, starting with the deep, grounding #7D4D3D. It gracefully transitions through the inviting #A56F5E and the gentle #CD9B8F, reminiscent of sun-drenched clay. The palette lightens with the airy #E4BCA7 and culminates in the soft, near-white #F2DFCF, evoking dusty roads under a clear sky. This collection is ideal for designs that aim for a natural, rustic, and comforting aesthetic, perfect for eco-conscious brands or artisanal crafts.

Best used for

  • Eco-friendly product branding
  • Handmade craft websites
  • Rustic wedding themes
  • Natural skincare packaging
  • Bohemian home decor
  • Travel and adventure blogs

Suggested color roles

primary

Use #7D4D3D as a strong primary for foundational elements, headings, or impactful brand elements, conveying stability and earthiness.

secondary

Employ #A56F5E for supporting sections, subheadings, or background accents, maintaining a warm and inviting feel.

accent

Apply #CD9B8F sparingly for subtle highlights, interactive elements, or graphic details to add a touch of gentle warmth.

background

Utilize #F2DFCF as the primary background color to provide a clean, airy canvas, allowing other colors to gently emerge.

text

For dark text on light backgrounds, #7D4D3D or #A56F5E offer excellent readability. On #F2DFCF, a deep charcoal is recommended for body text.

Accessibility notes

  • Ensure sufficient contrast when pairing lighter shades like #E4BCA7 for text on #F2DFCF backgrounds; a darker neutral is often necessary.
  • The deeper tones #7D4D3D and #A56F5E provide good contrast for text when used on lighter backgrounds like #F2DFCF, meeting WCAG AA standards.
  • For interactive elements, aim for a contrast ratio of at least 3:1 against adjacent colors, especially with the subtle differences between light shades.
  • Avoid relying solely on color to convey critical information, particularly with the close proximity of the light brown/pink tones, to assist color vision deficiencies.

Recommended combinations

Earth & Sky

Ideal for strong brand statements, elegant headers, or impactful calls to action on a soft, natural backdrop.

#7D4D3D · #F2DFCF · #A56F5E

Clay Gradient

Perfect for subtle background transitions, rustic illustrations, or layered UI elements that need a warm, earthy touch.

#A56F5E · #CD9B8F · #E4BCA7

Dusty Road

Excellent for clean content blocks, readable body text with an accent, or inviting product highlights in a natural interface.

#E4BCA7 · #F2DFCF · #7D4D3D

CSS variables

:root {
  --bohemian-clay-road-1: #7D4D3D;
  --bohemian-clay-road-2: #A56F5E;
  --bohemian-clay-road-3: #CD9B8F;
  --bohemian-clay-road-4: #E4BCA7;
  --bohemian-clay-road-5: #F2DFCF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bohemian-clay-road": {
        1: "#7D4D3D",
        2: "#A56F5E",
        3: "#CD9B8F",
        4: "#E4BCA7",
        5: "#F2DFCF",
      }
    }
  }
}

Related searches

bohemian earth tonesclay road paletterustic brown schemenatural pastel colorswarm desert aesthetic

Palette colors

Hex values

Color 1#7D4D3D
·
Color 2#A56F5E
·
Color 3#CD9B8F
·
Color 4#E4BCA7
·
Color 5#F2DFCF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.9:1Fail
4:1AA18
5.4:1AA
2
1.7:1Fail
1.7:1Fail
2.4:1Fail
3.2:1AA18
3
2.9:1Fail
1.7:1Fail
1.4:1Fail
1.9:1Fail
4
4:1AA18
2.4:1Fail
1.4:1Fail
1.3:1Fail
5
5.4:1AA
3.2:1AA18
1.9:1Fail
1.3:1Fail

Similar palettes

More like Bohemian Clay Road

View all Earth
Ancient Pottery
Bohemian Earth Vessel
Boho Pottery Kiln
Warm Terracotta Earth
Bohemian Textile Blend
Cabin Twilight Hearth