Back to palettes

Palette

Bohemian Earth

Warm, grounding tones of desert and clay, inspired by a free-spirited, earthy aesthetic.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8C5942#C68968#F2D1B2#7D6C5E#AE876B

Palette guide

How to use Bohemian Earth

Overview

The Bohemian Earth palette features warm, grounding tones of desert and clay, inspired by a free-spirited, earthy aesthetic. This collection includes a deep #8C5942 (Dark Terracotta) and a vibrant #C68968 (Medium Terracotta) for robust warmth. The light, airy #F2D1B2 (Pale Peach) provides a soft contrast, while the versatile #7D6C5E (Warm Gray) and #AE876B (Light Brown) complete the natural spectrum. This palette is ideal for designs that aim to convey authenticity, warmth, and an organic, vintage feel. Designers will find it versatile for creating visually appealing and emotionally resonant experiences, while developers can ensure a cohesive and inviting user interface across various applications, from digital art to physical product branding.

Best used for

  • Terracotta pottery and ceramics
  • Bohemian fashion and accessories
  • Natural beauty product packaging
  • Desert-inspired home decor
  • Vintage lifestyle blogs
  • Earthy wedding invitations

Suggested color roles

primary

Use #8C5942 for strong, foundational elements like headers, navigation, or important calls-to-action, providing a deep, earthy anchor.

secondary

Apply #C68968 for subheadings, background sections, or large graphic elements to offer robust warmth and support.

accent

Utilize #AE876B as a versatile accent for interactive elements, highlights, or decorative details, maintaining a natural, grounded feel.

background

Employ #F2D1B2 as a light, airy background color for pages or content cards, ensuring excellent readability and a clean aesthetic.

text

For optimal readability, use a dark brown like #4A3226 or a rich charcoal against lighter shades such as #F2D1B2 or #AE876B.

Accessibility notes

  • Ensure sufficient contrast for text when using #8C5942 or #C68968 on light backgrounds, or white text on these darker shades.
  • Avoid low-contrast pairings like #F2D1B2 text on #AE876B backgrounds for essential information.
  • Leverage the contrast between the deepest colors and the lightest for clear visual hierarchy.
  • Always test color combinations with accessibility checkers to meet WCAG AA standards, especially for text and interactive elements.

Recommended combinations

Desert Clay

Ideal for a strong brand presence, combining deep grounding with soft, approachable tones, like sun-baked clay.

#8C5942 · #F2D1B2 · #C68968

Vintage Earth

Creates an inviting atmosphere for content blocks or visual storytelling, reminiscent of aged natural materials.

#7D6C5E · #AE876B · #F2D1B2

Boho Warmth

Effective for UI elements where clear separation is needed without harshness, such as cards or modals, with a rich, natural depth.

#8C5942 · #C68968 · #7D6C5E

CSS variables

:root {
  --bohemian-earth-1: #8C5942;
  --bohemian-earth-2: #C68968;
  --bohemian-earth-3: #F2D1B2;
  --bohemian-earth-4: #7D6C5E;
  --bohemian-earth-5: #AE876B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bohemian-earth": {
        1: "#8C5942",
        2: "#C68968",
        3: "#F2D1B2",
        4: "#7D6C5E",
        5: "#AE876B",
      }
    }
  }
}

Related searches

boho terracotta paletteearthy brown colorsnatural vintage schemedesert inspired designfree spirited aesthetic

Palette colors

Hex values

Color 1#8C5942
·
Color 2#C68968
·
Color 3#F2D1B2
·
Color 4#7D6C5E
·
Color 5#AE876B
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
4:1AA18
1.2:1Fail
1.8:1Fail
2
2:1Fail
2:1Fail
1.7:1Fail
1.1:1Fail
3
4:1AA18
2:1Fail
3.5:1AA18
2.2:1Fail
4
1.2:1Fail
1.7:1Fail
3.5:1AA18
1.6:1Fail
5
1.8:1Fail
1.1:1Fail
2.2:1Fail
1.6:1Fail

Similar palettes

More like Bohemian Earth

View all earth
Ancient Clay Vessel
Bohemian Earth Weave
Bohemian Earth Weave
Desert Bohemian Tapestry
Desert Clay Pottery
Desert Terrain