Back to palettes

Palette

Bohemian Earth Craft

Warm, organic browns and creams capture the essence of natural fibers and earthy, handcrafted bohemian aesthetics.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#5A4B4B#7D695D#9F8C7D#CCB9A3#F0D8C0

Palette guide

How to use Bohemian Earth Craft

Overview

The Bohemian Earth Craft palette offers a serene collection of warm, organic browns and creams, evoking the essence of natural fibers and handcrafted aesthetics. This grounding palette features deep #5A4B4B (Dark Grayish Brown), a versatile mid-tone #7D695D (Moderate Brown), and the inviting #9F8C7D (Light Brown). Lighter, airy hues like #CCB9A3 (Pale Tan) and the delicate #F0D8C0 (Very Light Tan) complete the spectrum, providing excellent contrast and a sense of calm. It's perfectly suited for designs that aim for a natural, rustic, and understated elegance. Developers will find these colors easy to implement for a cohesive and visually pleasing user experience, ensuring a comforting and authentic feel across various digital and print applications, from branding to web design.

Best used for

  • Handmade jewelry or artisan goods
  • Natural skincare product packaging
  • Minimalist bohemian home decor sites
  • Ethically sourced fashion brands
  • Relaxation and meditation apps
  • Rustic cafe or bakery branding

Suggested color roles

primary

Use #5A4B4B for strong, grounding elements like main navigation, headers, or important text, providing a solid foundation.

secondary

Apply #7D695D for subheadings, secondary buttons, or larger background sections to add warm depth without being overpowering.

accent

Utilize #9F8C7D as a soft, inviting accent for interactive elements, highlights, or subtle decorative details, maintaining a natural feel.

background

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

text

For optimal readability, use a dark brown like #4A3226 or a deep charcoal against lighter shades such as #F0D8C0 or #CCB9A3.

Accessibility notes

  • Ensure sufficient contrast when placing dark text (e.g., black) on lighter colors or white text on darker colors like #5A4B4B.
  • Avoid using #CCB9A3 or #F0D8C0 for small text against similarly light backgrounds, as it may lack contrast.
  • Pair the darkest color #5A4B4B with the lightest #F0D8C0 for maximum contrast in key areas.
  • Always test color combinations for text and interactive elements using accessibility tools to meet WCAG AA standards.

Recommended combinations

Grounded Neutral

Excellent for a primary layout, providing a strong base with light, readable content areas.

#5A4B4B · #CCB9A3 · #F0D8C0

Soft Warmth

Creates a gentle, inviting atmosphere for secondary information or decorative patterns.

#7D695D · #9F8C7D · #F0D8C0

Earthy Depth

Ideal for showcasing rich textures or accentuating elements with a natural, layered feel.

#5A4B4B · #7D695D · #9F8C7D

CSS variables

:root {
  --bohemian-earth-craft-2-1: #5A4B4B;
  --bohemian-earth-craft-2-2: #7D695D;
  --bohemian-earth-craft-2-3: #9F8C7D;
  --bohemian-earth-craft-2-4: #CCB9A3;
  --bohemian-earth-craft-2-5: #F0D8C0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bohemian-earth-craft-2": {
        1: "#5A4B4B",
        2: "#7D695D",
        3: "#9F8C7D",
        4: "#CCB9A3",
        5: "#F0D8C0",
      }
    }
  }
}

Related searches

organic brown palettenatural cream colorsrustic bohemian designearthy neutral schemehandcrafted aesthetic colors

Palette colors

Hex values

Color 1#5A4B4B
·
Color 2#7D695D
·
Color 3#9F8C7D
·
Color 4#CCB9A3
·
Color 5#F0D8C0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.6:1Fail
4.3:1AA18
6:1AA
2
1.6:1Fail
1.6:1Fail
2.7:1Fail
3.8:1AA18
3
2.6:1Fail
1.6:1Fail
1.7:1Fail
2.3:1Fail
4
4.3:1AA18
2.7:1Fail
1.7:1Fail
1.4:1Fail
5
6:1AA
3.8:1AA18
2.3:1Fail
1.4:1Fail

Similar palettes

More like Bohemian Earth Craft

View all earth
Bohemian Earth Loom
Bohemian Earth Loom
Bohemian Earth Loom
Adobe Sunset
Ancient Earth Whisper
Ancient Forest Bark