Palette

Woven Reed Basket

Earthy browns and beiges that mimic the rustic texture and natural warmth of a woven reed basket.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Woven Reed Basket 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 Reed Basket.

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

Data visualization

#B78D6C#D0AF8E#E3CDB8#A47A5A#8F6649

Palette guide

How to use Woven Reed Basket

Overview

The "Woven Reed Basket" palette offers a comforting collection of earthy browns and beiges, perfectly mimicking the rustic texture and natural warmth of a handcrafted reed basket. Ranging from the light, airy #E3CDB8 to the deep, grounding #8F6649, this palette exudes authenticity and natural charm. Mid-tones like #D0AF8E and #B78D6C provide versatile options for layering, while #A47A5A adds a slightly darker, rich brown. This palette is ideal for designers seeking to evoke a sense of organic craftsmanship, rustic elegance, and a connection to natural materials in their projects.

Best used for

Artisanal craft websites
Eco-friendly product branding
Natural food packaging
Rural tourism promotions
Interior design for rustic homes
Sustainable fashion blogs

Suggested color roles

primary

#B78D6C - A warm, inviting mid-brown, excellent for dominant sections, main content blocks, or large UI elements, establishing a natural feel.

secondary

#D0AF8E - A lighter, softer beige, perfect for secondary backgrounds, cards, or supporting text areas, maintaining warmth.

accent

#8F6649 - The darkest, richest brown, ideal for high-contrast elements, important buttons, or subtle highlights in navigation, providing a rustic anchor.

background

#E3CDB8 - A very light, almost off-white beige, excellent for clean, spacious backgrounds that allow other colors to pop gently.

text

#A47A5A - A deep, readable brown suitable for body text against lighter backgrounds, offering warmth and excellent contrast. For smaller text, consider a very dark brown or charcoal.

Accessibility notes

Ensure #8F6649 has sufficient contrast against #E3CDB8 for body text (aim for WCAG AA).
#A47A5A will work well for text on #D0AF8E or #E3CDB8 but might need adjustment for smaller font sizes.
Avoid using #D0AF8E or #B78D6C for text on #E3CDB8 without careful contrast checking due to their proximity.
Always test color combinations with accessibility tools, especially for interactive elements and critical information.

Recommended combinations

Rustic Base

Ideal for website backgrounds, primary content blocks, and call-to-action buttons, creating an organic and welcoming user experience.

#E3CDB8 · #B78D6C · #8F6649

Woven Texture

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

#D0AF8E · #A47A5A · #8F6649

Light Craft

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

#E3CDB8 · #D0AF8E · #B78D6C

CSS variables

:root {
  --woven-reed-basket-1: #B78D6C;
  --woven-reed-basket-2: #D0AF8E;
  --woven-reed-basket-3: #E3CDB8;
  --woven-reed-basket-4: #A47A5A;
  --woven-reed-basket-5: #8F6649;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "woven-reed-basket": {
        1: "#B78D6C",
        2: "#D0AF8E",
        3: "#E3CDB8",
        4: "#A47A5A",
        5: "#8F6649",
      }
    }
  }
}

Hex values

Color 1#B78D6C

Color 2#D0AF8E

Color 3#E3CDB8

Color 4#A47A5A

Color 5#8F6649

Accessibility

Contrast checker

1.4:1Fail

1.9:1Fail

1.3:1Fail

1.7:1Fail

1.4:1Fail

1.3:1Fail

1.9:1Fail

2.5:1Fail

1.9:1Fail

1.3:1Fail

2.5:1Fail

3.3:1AA18

1.3:1Fail

1.9:1Fail

2.5:1Fail

1.3:1Fail

1.7:1Fail

2.5:1Fail

3.3:1AA18

1.3:1Fail

Similar palettes

More like Woven Reed Basket

Woven Reed Basket

See it in context.

Ready when you are.

Built with Woven Reed Basket.

How to use Woven Reed Basket

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Rustic Base

Woven Texture

Light Craft

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Woven Reed Basket