Back to palettes

Palette

Free Spirit Weave

Captures the free-spirited essence of bohemian textiles with a rich, earthy palette.

earthretro5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Free Spirit 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 Free Spirit Weave.

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

Data visualization

#C19A6B#EBC89C#A74E2A#6C3D28#3A2B20

Palette guide

How to use Free Spirit Weave

Overview

The Free Spirit Weave palette captures the essence of bohemian textiles with a rich, earthy collection. This palette ranges from light, sun-kissed beiges like #C19A6B and #EBC89C, through warm terracotta #A74E2A, to deep, grounding browns such as #6C3D28 and #3A2B20. It's perfect for designers aiming to evoke a rustic, vintage, or natural aesthetic, reminiscent of handcrafted goods and uninhibited creativity. Ideal for lifestyle brands, bohemian fashion, or any project seeking a connection to the earth and a sense of timeless comfort, this palette provides depth and warmth for engaging visual narratives.

Best used for

  • Bohemian fashion and accessory brands
  • Rustic wedding invitations and decor
  • Vintage-inspired website designs
  • Artisanal craft and handmade product packaging
  • Eco-conscious and sustainable lifestyle blogs
  • Interior design for cozy, natural spaces

Suggested color roles

primary

Use the deep #3A2B20 or #6C3D28 for foundational elements, providing a strong, earthy anchor for your design.

secondary

Apply #A74E2A for supporting sections, card backgrounds, or key illustrative elements to introduce warmth and character.

accent

Leverage the lighter #C19A6B or #EBC89C for highlights, interactive elements, or text that needs to pop against darker tones.

background

#EBC89C offers a light, airy base, while #3A2B20 creates a deep, enveloping backdrop for a dramatic effect.

text

For dark backgrounds, #EBC89C or #C19A6B ensures excellent readability. For lighter backgrounds, #3A2B20 or #6C3D28 is ideal.

Accessibility notes

  • Ensure sufficient contrast when pairing lighter colors like #EBC89C with #C19A6B, especially for body text.
  • #A74E2A may require careful pairing; avoid using it for small text on mid-tone backgrounds.
  • High contrast is easily achieved by pairing #3A2B20 or #6C3D28 with #EBC89C or a near-white.
  • Always verify text and background color combinations against WCAG guidelines for universal accessibility.

Recommended combinations

Bohemian Earth

Creates a rich, natural hierarchy for landing pages, product showcases, or impactful branding.

#3A2B20 · #A74E2A · #EBC89C

Woven Texture

Ideal for backgrounds, subtle patterns, or UI elements that require a warm, handcrafted feel.

#6C3D28 · #C19A6B · #A74E2A

Desert Sunset

A soft gradient for headers, hero sections, or illustrative elements evoking a serene, natural landscape.

#EBC89C · #C19A6B · #3A2B20

CSS variables

:root {
  --free-spirit-weave-1: #C19A6B;
  --free-spirit-weave-2: #EBC89C;
  --free-spirit-weave-3: #A74E2A;
  --free-spirit-weave-4: #6C3D28;
  --free-spirit-weave-5: #3A2B20;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "free-spirit-weave": {
        1: "#C19A6B",
        2: "#EBC89C",
        3: "#A74E2A",
        4: "#6C3D28",
        5: "#3A2B20",
      }
    }
  }
}

Related searches

bohemian color schemerustic earthy palettevintage brown orangenatural textile colorsfree spirit design hex

Palette colors

Hex values

Color 1#C19A6B
·
Color 2#EBC89C
·
Color 3#A74E2A
·
Color 4#6C3D28
·
Color 5#3A2B20
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.2:1Fail
3.5:1AA18
5.2:1AA
2
1.6:1Fail
3.5:1AA18
5.7:1AA
8.6:1AAA
3
2.2:1Fail
3.5:1AA18
1.6:1Fail
2.4:1Fail
4
3.5:1AA18
5.7:1AA
1.6:1Fail
1.5:1Fail
5
5.2:1AA
8.6:1AAA
2.4:1Fail
1.5:1Fail

Similar palettes

More like Free Spirit Weave

View all earth