Back to palettes

Palette

Woven Earth Linen

Soft, textured neutrals inspired by natural fibers and earthy tones.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Woven Earth Linen 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 Earth Linen.

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

Data visualization

#BFB8A9#D9D0C2#B3ABA0#8C8478#C4BEB2

Palette guide

How to use Woven Earth Linen

Overview

The "Woven Earth Linen" palette is a collection of soft, textured neutrals, deeply inspired by natural fibers and calming earthy tones. Featuring hex codes like #8C8478 (a grounded, deep taupe), #BFB8A9 (a warm mid-tone grey-beige), and #D9D0C2 (a very light, airy off-white), this palette offers a sophisticated yet organic feel. It's ideal for designers seeking to create serene, minimalist, and natural aesthetics, conveying a sense of understated elegance and comfort across digital interfaces, print materials, or branding, perfect for a refined and grounded presence.

Best used for

  • Sustainable brand identity
  • Minimalist web design
  • Organic product packaging
  • Interior design mood boards
  • Calm editorial layouts
  • Eco-friendly lifestyle blogs

Suggested color roles

primary

Use #8C8478 as a deep, grounding taupe, excellent for main headings, strong brand elements, or foundational UI components.

secondary

Apply #BFB8A9, a versatile warm grey-beige, for subheadings, navigation, or larger content blocks, offering soft visual texture.

accent

Utilize #B3ABA0, a slightly darker, muted grey-beige, ideal for subtle highlights or interactive elements that need gentle emphasis.

background

Employ #D9D0C2, a very light, airy off-white, providing a clean, spacious, and inviting backdrop.

text

For body text, use #8C8478 or black, ensuring high readability against the lighter backgrounds.

Accessibility notes

  • Ensure #8C8478 text on #D9D0C2 background meets WCAG AA contrast standards.
  • Avoid using #C4BEB2 for small text on #BFB8A9 due to insufficient contrast.
  • Use #B3ABA0 for larger text elements or headings to maintain legibility against lighter shades.
  • Consider a very dark text color, like charcoal, for any copy placed on #D9D0C2.

Recommended combinations

Linen Base

Creates a clean, organic, and sophisticated core aesthetic for branding or website foundations.

#8C8478 · #D9D0C2 · #BFB8A9

Subtle Layers

Ideal for adding gentle depth to UI elements, background patterns, or visual textures.

#BFB8A9 · #C4BEB2 · #B3ABA0

Earth & Light

Offers a balanced, minimalist, and naturally appealing visual for serene designs.

#D9D0C2 · #B3ABA0 · #8C8478

CSS variables

:root {
  --woven-earth-linen-1: #BFB8A9;
  --woven-earth-linen-2: #D9D0C2;
  --woven-earth-linen-3: #B3ABA0;
  --woven-earth-linen-4: #8C8478;
  --woven-earth-linen-5: #C4BEB2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "woven-earth-linen": {
        1: "#BFB8A9",
        2: "#D9D0C2",
        3: "#B3ABA0",
        4: "#8C8478",
        5: "#C4BEB2",
      }
    }
  }
}

Related searches

natural linen color paletteearthy neutral schememinimalist organic designsoft taupe colorssustainable brand palette

Palette colors

Hex values

Color 1#BFB8A9
·
Color 2#D9D0C2
·
Color 3#B3ABA0
·
Color 4#8C8478
·
Color 5#C4BEB2
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.2:1Fail
1.9:1Fail
1.1:1Fail
2
1.3:1Fail
1.5:1Fail
2.4:1Fail
1.2:1Fail
3
1.2:1Fail
1.5:1Fail
1.6:1Fail
1.2:1Fail
4
1.9:1Fail
2.4:1Fail
1.6:1Fail
2:1Fail
5
1.1:1Fail
1.2:1Fail
1.2:1Fail
2:1Fail

Similar palettes

More like Woven Earth Linen

View all earth
Woven Flax Thread
Ancient Clay Vessel
Ancient Earth Pigment
Ancient Loom Fabric
Arid Flower Sparkle
Artisan Clay Glaze