Back to palettes

Palette

Bohemian Earth Loom

Rich, naturally-dyed colors evoke artisanal bohemian textiles and rustic, grounded beauty.

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

#9A4924#C6824D#EBC08A#4F6456#A7ADC6

Palette guide

How to use Bohemian Earth Loom

Overview

The Bohemian Earth Loom palette presents a captivating blend of rich, naturally-dyed colors, evoking artisanal bohemian textiles and rustic beauty. It features a vibrant #9A4924 (Rust Orange) and a warm #C6824D (Terracotta) for grounded energy. A delicate #EBC08A (Light Peach) provides a soft contrast, while the unique inclusion of a muted green #4F6456 (Dark Sage) and a gentle blue-gray #A7ADC6 (Light Slate Gray) adds depth and a touch of unexpected coolness. This palette is ideal for designs that aim for a natural, eclectic, and handcrafted aesthetic, reminiscent of woven artistry. Designers will find it versatile for creating engaging, visually rich experiences, while developers can leverage its harmonious balance for intuitive and visually pleasing user interfaces across various platforms.

Best used for

  • Textile art and weaving studios
  • Bohemian fashion brands
  • Ethically sourced home goods
  • Nature-inspired digital art
  • Rustic event branding
  • Travel blogs focusing on craftsmanship

Suggested color roles

primary

Use #9A4924 for strong, foundational elements like headers, navigation, or important calls-to-action, providing a vibrant, earthy anchor.

secondary

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

accent

Utilize #4F6456 as a sophisticated accent for interactive elements, highlights, or decorative details, introducing a calming contrast.

background

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

text

For optimal readability, use a dark brown like #3A231C or a rich charcoal against lighter shades such as #EBC08A or #A7ADC6.

Accessibility notes

  • Ensure sufficient contrast for text when using #9A4924 or #4F6456 on light backgrounds, or white text on these darker shades.
  • Avoid low-contrast pairings like #EBC08A text on #A7ADC6 backgrounds for essential information.
  • Leverage the contrast between the deepest 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

Earthy & Cool

Ideal for a balanced brand presence, combining vibrant earth with a refreshing, calming contrast.

#9A4924 · #4F6456 · #EBC08A

Woven Warmth

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

#C6824D · #A7ADC6 · #EBC08A

Rustic Indigo

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

#9A4924 · #4F6456 · #C6824D

CSS variables

:root {
  --bohemian-earth-loom-2-1: #9A4924;
  --bohemian-earth-loom-2-2: #C6824D;
  --bohemian-earth-loom-2-3: #EBC08A;
  --bohemian-earth-loom-2-4: #4F6456;
  --bohemian-earth-loom-2-5: #A7ADC6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bohemian-earth-loom-2": {
        1: "#9A4924",
        2: "#C6824D",
        3: "#EBC08A",
        4: "#4F6456",
        5: "#A7ADC6",
      }
    }
  }
}

Related searches

bohemian textile paletteearthy green blue colorsrustic natural dyesboho craft schemeorganic woven aesthetic

Palette colors

Hex values

Color 1#9A4924
·
Color 2#C6824D
·
Color 3#EBC08A
·
Color 4#4F6456
·
Color 5#A7ADC6
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.7:1AA18
1:1Fail
2.8:1Fail
2
2:1Fail
1.9:1Fail
2:1Fail
1.4:1Fail
3
3.7:1AA18
1.9:1Fail
3.8:1AA18
1.3:1Fail
4
1:1Fail
2:1Fail
3.8:1AA18
2.9:1Fail
5
2.8:1Fail
1.4:1Fail
1.3:1Fail
2.9:1Fail

Similar palettes

More like Bohemian Earth Loom

View all earth