Back to palettes

Palette

Woven Flax Texture

A soft, organic palette inspired by the subtle variations and warmth of natural linen and flax fibers.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E6D8C0#D1C0A8#B8A890#A09078#887860

Palette guide

How to use Woven Flax Texture

Overview

The "Woven Flax Texture" palette is a soft, organic collection inspired by the subtle variations and warmth of natural linen and flax fibers. Featuring hex codes like #887860 (a deep, grounded flax brown), #A09078 (a rich, earthy mid-tone), and #E6D8C0 (a very light, warm beige), this palette evokes a sense of natural comfort and understated elegance. It's ideal for designers seeking to create a minimalist, warm, and authentic aesthetic, perfect for projects requiring a connection to natural textures and a serene, inviting visual experience across various design applications.

Best used for

  • Natural fabric brand identity
  • Organic product packaging
  • Minimalist home decor websites
  • Craft supply e-commerce platforms
  • Calm editorial layouts
  • Eco-friendly lifestyle blogs

Suggested color roles

primary

Use #887860 as a deep, grounding flax brown, excellent for main headings, strong brand elements, or foundational UI components, conveying stability.

secondary

Apply #A09078, a rich, earthy mid-tone brown, suitable for subheadings, navigation, or larger content blocks, offering a soft, textured presence.

accent

Utilize #B8A890, a warm, light brown, perfect for subtle highlights, interactive elements, or adding gentle visual interest without being loud.

background

Employ #E6D8C0, a very light, warm beige, providing a clean, expansive, and tranquil canvas that allows other colors to breathe.

text

For primary body text, use #887860 or black, ensuring excellent readability against the lighter backgrounds.

Accessibility notes

  • Ensure #887860 text on #E6D8C0 background meets WCAG AA contrast standards.
  • Avoid using #D1C0A8 for small text on #B8A890 due to insufficient contrast.
  • Use #A09078 for larger text elements or headings against lighter backgrounds for legibility.
  • Consider a very dark text color, like charcoal, for any copy placed on #D1C0A8.

Recommended combinations

Flax Base

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

#887860 · #E6D8C0 · #A09078

Soft Layers

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

#A09078 · #D1C0A8 · #B8A890

Warm & Light

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

#E6D8C0 · #B8A890 · #887860

CSS variables

:root {
  --woven-flax-texture-1: #E6D8C0;
  --woven-flax-texture-2: #D1C0A8;
  --woven-flax-texture-3: #B8A890;
  --woven-flax-texture-4: #A09078;
  --woven-flax-texture-5: #887860;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "woven-flax-texture": {
        1: "#E6D8C0",
        2: "#D1C0A8",
        3: "#B8A890",
        4: "#A09078",
        5: "#887860",
      }
    }
  }
}

Related searches

woven flax color palettenatural linen textureearthy beige brown schememinimalist warm designorganic fabric colors

Palette colors

Hex values

Color 1#E6D8C0
·
Color 2#D1C0A8
·
Color 3#B8A890
·
Color 4#A09078
·
Color 5#887860
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
2.2:1Fail
3:1AA18
2
1.3:1Fail
1.3:1Fail
1.7:1Fail
2.4:1Fail
3
1.7:1Fail
1.3:1Fail
1.3:1Fail
1.8:1Fail
4
2.2:1Fail
1.7:1Fail
1.3:1Fail
1.4:1Fail
5
3:1AA18
2.4:1Fail
1.8:1Fail
1.4:1Fail

Similar palettes

More like Woven Flax Texture

View all neutral