Back to palettes

Palette

Bohemian Earth Vessel

Grounding and natural earth tones that evoke the handcrafted beauty of a bohemian clay vessel.

EarthNatural5 colors
More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6B4A3A#8E6F5E#B39785#5B3E2F#4A3226

Palette guide

How to use Bohemian Earth Vessel

Overview

The Bohemian Earth Vessel palette offers grounding and natural earth tones, evoking the handcrafted beauty of a bohemian clay vessel. This collection features deep, robust shades like #6B4A3A (Dark Brown) and #5B3E2F (Dark Sepia), providing a strong, foundational presence. A versatile mid-tone #8E6F5E (Medium Brown) and a softer #B39785 (Light Brown) provide subtle warmth and depth. The darkest tone, #4A3226 (Very Dark Brown), anchors the palette with rich intensity. This palette is ideal for designs that aim to convey authenticity, warmth, and an organic, artisan touch. 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

  • Pottery and ceramics websites
  • Handmade artisan goods
  • Bohemian interior design mood boards
  • Sustainable product packaging
  • Earthy lifestyle blogs
  • Natural skincare product branding

Suggested color roles

primary

Use #4A3226 for strong, foundational elements like headers, main navigation, or calls-to-action, providing a deep, robust anchor.

secondary

Apply #6B4A3A for subheadings, background sections, or large graphic elements to offer rich depth and support.

accent

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

background

Employ #B39785 as a soft, neutral background color for pages or content cards, ensuring readability and an inviting feel.

text

For optimal readability, use a dark brown like #3A231C or a very dark gray against lighter shades such as #B39785.

Accessibility notes

  • Ensure sufficient contrast for text when using #4A3226 or #6B4A3A on light backgrounds, or white text on these darker shades.
  • Avoid low-contrast pairings like #B39785 text on #8E6F5E backgrounds for essential information.
  • Leverage the contrast between the darkest 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

Clay Grounded

Ideal for a strong brand presence, combining deep grounding with soft, approachable tones, like unglazed pottery.

#4A3226 · #B39785 · #6B4A3A

Rustic Depth

Creates an inviting atmosphere for content blocks or visual storytelling, reminiscent of layered earth.

#5B3E2F · #8E6F5E · #B39785

Earthy Harmony

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

#6B4A3A · #8E6F5E · #4A3226

CSS variables

:root {
  --bohemian-earth-vessel-2-1: #6B4A3A;
  --bohemian-earth-vessel-2-2: #8E6F5E;
  --bohemian-earth-vessel-2-3: #B39785;
  --bohemian-earth-vessel-2-4: #5B3E2F;
  --bohemian-earth-vessel-2-5: #4A3226;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bohemian-earth-vessel-2": {
        1: "#6B4A3A",
        2: "#8E6F5E",
        3: "#B39785",
        4: "#5B3E2F",
        5: "#4A3226",
      }
    }
  }
}

Related searches

boho clay paletteearthy brown tonesrustic vessel colorsnatural artisan schemegrounding neutral palette

Palette colors

Hex values

Color 1#6B4A3A
·
Color 2#8E6F5E
·
Color 3#B39785
·
Color 4#5B3E2F
·
Color 5#4A3226
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.9:1Fail
1.2:1Fail
1.5:1Fail
2
1.7:1Fail
1.7:1Fail
2.1:1Fail
2.6:1Fail
3
2.9:1Fail
1.7:1Fail
3.5:1AA18
4.3:1AA18
4
1.2:1Fail
2.1:1Fail
3.5:1AA18
1.2:1Fail
5
1.5:1Fail
2.6:1Fail
4.3:1AA18
1.2:1Fail

Similar palettes

More like Bohemian Earth Vessel

View all Earth
Bohemian Textile Blend
Ancient Pottery
Bohemian Clay Road
Terra Nova
Warm Terracotta Earth
Whispering Clay Path