Back to palettes

Palette

Bohemian Earth Loom

Warm, rustic browns and ochres mirroring the intricate patterns and natural fibers of bohemian textiles.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B5C3B#B67F5C#E0B49C#F3E0CF#6A442E

Palette guide

How to use Bohemian Earth Loom

Overview

The Bohemian Earth Loom palette features warm, rustic browns and ochres, mirroring the intricate patterns and natural fibers of bohemian textiles. This collection includes a deep, grounding #8B5C3B (Dark Ochre), a versatile mid-tone #B67F5C (Light Ochre), and a softer #E0B49C (Pale Ochre). The delicate #F3E0CF (Light Beige) provides an airy contrast, while a rich #6A442E (Dark Brown) rounds out the palette, adding robust depth. This palette is ideal for designs that aim to convey authenticity, warmth, and a handcrafted, free-spirited aesthetic. 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 product branding.

Best used for

  • Artisan textile and craft websites
  • Bohemian home decor brands
  • Eco-friendly product packaging
  • Nature-themed blogs and portfolios
  • Rustic event invitations
  • Handmade jewelry e-commerce

Suggested color roles

primary

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

secondary

Apply #8B5C3B for subheadings, background sections, or large graphic elements to offer robust depth and support.

accent

Utilize #B67F5C as a warm, inviting accent for interactive buttons, highlights, or decorative details, adding a touch of rustic glow.

background

Employ #F3E0CF as a soft, neutral background color for pages or content cards, ensuring readability and a gentle, organic feel.

text

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

Accessibility notes

  • Ensure sufficient contrast for text when using #6A442E or #8B5C3B on light backgrounds, or white text on these darker shades.
  • Avoid low-contrast pairings like #E0B49C text on #B67F5C 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

Woven Foundation

Ideal for a strong brand presence, combining deep grounding with soft, approachable accents.

#6A442E · #F3E0CF · #B67F5C

Rustic Harmony

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

#8B5C3B · #E0B49C · #F3E0CF

Earthy Texture

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

#6A442E · #8B5C3B · #B67F5C

CSS variables

:root {
  --bohemian-earth-loom-1: #8B5C3B;
  --bohemian-earth-loom-2: #B67F5C;
  --bohemian-earth-loom-3: #E0B49C;
  --bohemian-earth-loom-4: #F3E0CF;
  --bohemian-earth-loom-5: #6A442E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bohemian-earth-loom": {
        1: "#8B5C3B",
        2: "#B67F5C",
        3: "#E0B49C",
        4: "#F3E0CF",
        5: "#6A442E",
      }
    }
  }
}

Related searches

bohemian earthy brownsnatural woven paletterustic ochre schemehandcrafted design paletteorganic earth tones

Palette colors

Hex values

Color 1#8B5C3B
·
Color 2#B67F5C
·
Color 3#E0B49C
·
Color 4#F3E0CF
·
Color 5#6A442E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3:1AA18
4.4:1AA18
1.5:1Fail
2
1.7:1Fail
1.8:1Fail
2.6:1Fail
2.5:1Fail
3
3:1AA18
1.8:1Fail
1.5:1Fail
4.5:1AA
4
4.4:1AA18
2.6:1Fail
1.5:1Fail
6.6:1AA
5
1.5:1Fail
2.5:1Fail
4.5:1AA
6.6:1AA

Similar palettes

More like Bohemian Earth Loom

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