Palette

Boho Loom Weave

Inspired by the rich, warm colors of handmade bohemian textiles and artisanal crafts.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Boho Loom Weave 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 Boho Loom Weave.

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

Data visualization

#8C5C3D#D9A46B#F2D099#7A3F2D#B28F6E

Palette guide

How to use Boho Loom Weave

Overview

The Boho Loom Weave palette evokes the rich, comforting essence of handmade bohemian textiles and artisanal crafts. This collection of warm, earthy tones is ideal for designers seeking a natural, rustic aesthetic. Featuring a deep, inviting brown like #8C5C3D, a warm caramel #D9A46B, a soft sandy beige #F2D099, a rich terracotta #7A3F2D, and a versatile taupe #B28F6E, it provides a cohesive foundation for projects aiming for an authentic, handcrafted feel. Developers will find these colors blend seamlessly to create depth and texture, perfect for web interfaces, branding, or digital art that prioritizes warmth and organic appeal, reminiscent of woven fabrics and sun-baked earth.

Best used for

Bohemian-inspired interior design websites
E-commerce for handmade crafts or vintage goods
Rustic wedding invitations and event branding
Branding for natural skincare or organic food products
Digital art and illustrations with an earthy theme
Cozy blog designs focused on slow living or DIY

Suggested color roles

primary

#8C5C3D - A grounding, deep brown perfect for main headings, navigation elements, or hero sections, providing a strong, natural anchor.

secondary

#D9A46B - A warm caramel that complements the primary, ideal for subheadings, call-to-action buttons, or secondary content blocks.

accent

#7A3F2D - A rich terracotta hue that adds a touch of rustic warmth and depth, best used sparingly for interactive elements or key highlights.

background

#F2D099 - A soft, inviting sandy beige that serves as an excellent neutral backdrop, allowing other colors to stand out gently.

text

Use a dark brown like #7A3F2D or a near-black charcoal for body text against lighter backgrounds to ensure readability and maintain the earthy aesthetic.

Accessibility notes

Ensure sufficient contrast when pairing #8C5C3D or #7A3F2D with lighter shades like #F2D099 for text.
Avoid using #D9A46B and #B28F6E for small text against similar mid-tone backgrounds, as contrast may be low.
Always test color combinations with accessibility checkers, especially for WCAG AA or AAA compliance.
Provide alternative text for color-only information, as some users may have difficulty distinguishing between similar warm brown tones.

Recommended combinations

Earthy Core

Excellent for main content areas, providing a balanced and warm visual hierarchy.

#8C5C3D · #D9A46B · #F2D099

Rustic Accent

Ideal for highlighting key elements or adding a touch of rustic charm to illustrations and decorative details.

#7A3F2D · #B28F6E · #F2D099

Soft Contrast

Creates gentle depth for backgrounds and foregrounds, perfect for a relaxed, inviting user interface.

#D9A46B · #8C5C3D · #F2D099

CSS variables

:root {
  --boho-loom-weave-1: #8C5C3D;
  --boho-loom-weave-2: #D9A46B;
  --boho-loom-weave-3: #F2D099;
  --boho-loom-weave-4: #7A3F2D;
  --boho-loom-weave-5: #B28F6E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "boho-loom-weave": {
        1: "#8C5C3D",
        2: "#D9A46B",
        3: "#F2D099",
        4: "#7A3F2D",
        5: "#B28F6E",
      }
    }
  }
}

Hex values

Color 1#8C5C3D

Color 2#D9A46B

Color 3#F2D099

Color 4#7A3F2D

Color 5#B28F6E

Accessibility

Contrast checker

2.6:1Fail

3.8:1AA18

1.4:1Fail

1.9:1Fail

2.6:1Fail

1.5:1Fail

3.7:1AA18

1.3:1Fail

3.8:1AA18

1.5:1Fail

5.5:1AA

2:1Fail

1.4:1Fail

3.7:1AA18

5.5:1AA

2.7:1Fail

1.9:1Fail

1.3:1Fail

2:1Fail

2.7:1Fail

Similar palettes

More like Boho Loom Weave

View all earth

Bohemian Earth Loom

Bohemian Earth Weave

Bohemian Rhapsody Folk

Bohemian Textile Thread

Gypsy Loom Colors

Adobe Sunset