Back to palettes

Palette

Bohemian Earth Vessel

Natural, unglazed earth tones reminiscent of handcrafted bohemian pottery and clay vessels.

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

#7b4a2d#a3704b#d19a71#eac79b#f8ebd3

Palette guide

How to use Bohemian Earth Vessel

Overview

The Bohemian Earth Vessel palette offers natural, unglazed earth tones reminiscent of handcrafted bohemian pottery and clay vessels. This collection features a deep, grounding #7b4a2d (Dark Terracotta) and a versatile #a3704b (Medium Terracotta). Lighter, softer tones like #d19a71 (Light Terracotta) and #eac79b (Pale Peach) provide a gentle contrast, while the delicate #f8ebd3 (Off-White) rounds out the palette with an airy, natural finish. 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

  • Handmade pottery and ceramics
  • Bohemian home decor brands
  • Natural beauty product packaging
  • Artisan craft marketplaces
  • Earthy lifestyle blogs
  • Rustic wedding invitations

Suggested color roles

primary

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

secondary

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

accent

Utilize #d19a71 as a soft, inviting accent for interactive elements, highlights, or decorative details, maintaining a natural, grounded feel.

background

Employ #f8ebd3 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 #f8ebd3 or #eac79b.

Accessibility notes

  • Ensure sufficient contrast for text when using #7b4a2d or #a3704b on light backgrounds, or white text on these darker shades.
  • Avoid low-contrast pairings like #eac79b text on #d19a71 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

Unglazed Clay

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

#7B4A2D · #EAC79B · #F8EBD3

Rustic Warmth

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

#A3704B · #D19A71 · #F8EBD3

Earthy Gradient

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

#7B4A2D · #A3704B · #D19A71

CSS variables

:root {
  --bohemian-earth-vessel-1: #7b4a2d;
  --bohemian-earth-vessel-2: #a3704b;
  --bohemian-earth-vessel-3: #d19a71;
  --bohemian-earth-vessel-4: #eac79b;
  --bohemian-earth-vessel-5: #f8ebd3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bohemian-earth-vessel": {
        1: "#7b4a2d",
        2: "#a3704b",
        3: "#d19a71",
        4: "#eac79b",
        5: "#f8ebd3",
      }
    }
  }
}

Related searches

bohemian clay colorsnatural earth tonesrustic pottery paletteunglazed ceramics schemewarm artisan design

Palette colors

Hex values

Color 1#7b4a2d
·
Color 2#a3704b
·
Color 3#d19a71
·
Color 4#eac79b
·
Color 5#f8ebd3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3:1Fail
4.6:1AA
6.2:1AA
2
1.7:1Fail
1.7:1Fail
2.6:1Fail
3.6:1AA18
3
3:1Fail
1.7:1Fail
1.5:1Fail
2.1:1Fail
4
4.6:1AA
2.6:1Fail
1.5:1Fail
1.4:1Fail
5
6.2:1AA
3.6:1AA18
2.1:1Fail
1.4:1Fail

Similar palettes

More like Bohemian Earth Vessel

View all earth
Artisan Clay Texture
Artisan Clay Vessel
Bohemian Earth Art
Bohemian Loom Tapestry
Clay Canyon Artifacts
Desert Clay Hues