Back to palettes

Palette

Woven Flax Thread

The simple elegance of unbleached flax fibers, recalling natural textiles and crafts.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Woven Flax Thread 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 Woven Flax Thread.

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

Data visualization

#BFA38E#DDC7AE#9F8273#7A6153#E9E0D4

Palette guide

How to use Woven Flax Thread

Overview

This "Woven Flax Thread" palette offers a serene collection of natural, earthy tones perfect for evoking warmth and organic elegance. Featuring a range from the light, airy #E9E0D4 to the grounding deep brown #7A6153, it's inspired by unbleached flax fibers and natural textiles. The mid-tones like #DDC7AE and #BFA38E provide gentle warmth, while #9F8273 adds a slightly richer depth. This palette is ideal for projects aiming for a rustic yet refined aesthetic, suggesting comfort, authenticity, and a connection to nature. Designers can leverage its subtle variations to create harmonious and inviting digital or physical spaces.

Best used for

  • Rustic e-commerce sites (crafts, home goods)
  • Sustainable brand identities
  • Interior design mood boards
  • Natural product packaging
  • Editorial layouts for lifestyle magazines
  • Cozy blog designs

Suggested color roles

primary

#BFA38E - A warm, inviting mid-tone ideal for dominant sections or large UI elements, establishing a natural, approachable feel.

secondary

#DDC7AE - A lighter, softer beige that complements the primary, perfect for secondary backgrounds, cards, or supporting text areas.

accent

#7A6153 - A deep, grounding brown for high-contrast elements, important buttons, or subtle highlights in navigation.

background

#E9E0D4 - A very light, almost off-white shade, excellent for clean, spacious backgrounds that allow other colors to breathe.

text

#9F8273 - A rich, readable brown suitable for body text against lighter backgrounds, offering warmth compared to standard black. For smaller text, consider a very dark brown or charcoal.

Accessibility notes

  • Ensure #7A6153 has sufficient contrast against #E9E0D4 for body text (aim for WCAG AA).
  • #9F8273 will work well for text on #DDC7AE or #E9E0D4 but might need adjustment for smaller font sizes.
  • Avoid using #DDC7AE or #BFA38E for text on #E9E0D4 without careful contrast checking due to their proximity.
  • Always test color combinations with accessibility tools, especially for interactive elements and critical information.

Recommended combinations

Earthy Base

Ideal for website backgrounds, primary content blocks, and call-to-action buttons, creating a natural and inviting user experience.

#E9E0D4 · #BFA38E · #7A6153

Warm Neutral Contrast

Use for headers, subtext, and subtle design accents, providing readability and depth against lighter elements.

#DDC7AE · #9F8273 · #7A6153

Soft Textile

Excellent for subtle gradients, background textures, or layered UI elements where a gentle, monochromatic feel is desired.

#E9E0D4 · #DDC7AE · #BFA38E

CSS variables

:root {
  --woven-flax-thread-1: #BFA38E;
  --woven-flax-thread-2: #DDC7AE;
  --woven-flax-thread-3: #9F8273;
  --woven-flax-thread-4: #7A6153;
  --woven-flax-thread-5: #E9E0D4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "woven-flax-thread": {
        1: "#BFA38E",
        2: "#DDC7AE",
        3: "#9F8273",
        4: "#7A6153",
        5: "#E9E0D4",
      }
    }
  }
}

Related searches

natural color schemeearthy neutral paletteflax linen colorsorganic design tonesrustic brown beige

Palette colors

Hex values

Color 1#BFA38E
·
Color 2#DDC7AE
·
Color 3#9F8273
·
Color 4#7A6153
·
Color 5#E9E0D4
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.5:1Fail
2.4:1Fail
1.8:1Fail
2
1.5:1Fail
2.2:1Fail
3.5:1AA18
1.3:1Fail
3
1.5:1Fail
2.2:1Fail
1.6:1Fail
2.7:1Fail
4
2.4:1Fail
3.5:1AA18
1.6:1Fail
4.4:1AA18
5
1.8:1Fail
1.3:1Fail
2.7:1Fail
4.4:1AA18

Similar palettes

More like Woven Flax Thread

View all earth
Bohemian Earth Craft
Bohemian Earth Loom
Boho Earth Weave
Desert Nomad Textiles
Woven Earth Linen
Adobe Sunset