Back to palettes

Palette

Woven Basket Texture

A cozy array of natural browns and tans, reflecting the rustic charm of hand-woven fibers.

neutralnatural5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#AE845B#C2A180#D2B48C#E4D0C0#7B684B

Palette guide

How to use Woven Basket Texture

Overview

The Woven Basket Texture palette offers a harmonious range of natural browns and tans, capturing the rustic charm and organic feel of handcrafted materials. It includes the grounding, earthy #7B684B, a rich mid-tone #AE845B, and the softer, inviting #C2A180. Lighter shades like #D2B48C and the delicate cream of #E4D0C0 provide excellent contrast and a sense of airiness. This palette is exceptionally useful for designers and developers aiming to create warm, inviting, and authentic digital or physical experiences. It's ideal for projects that celebrate natural textures, artisanal craftsmanship, and a cozy, down-to-earth aesthetic.

Best used for

  • Sustainable product branding
  • Eco-friendly lifestyle blogs
  • Farmers' market or artisanal food websites
  • Home and garden decor e-commerce
  • Craft workshop promotions
  • Natural wellness brand identity

Suggested color roles

primary

#7B684B - A deep, earthy brown, suitable for strong brand elements, headers, or grounding sections.

secondary

#AE845B - A warm, inviting mid-brown, excellent for subheadings, navigation, or significant content blocks.

accent

#C2A180 - A softer, lighter tan, ideal for subtle highlights, interactive elements, or decorative details.

background

#E4D0C0 - A gentle, near-white cream that provides a soft, breathable canvas for content, enhancing the natural feel.

text

#7B684B - Offers strong contrast on light backgrounds like #E4D0C0. For darker backgrounds, use a light cream or white text.

Accessibility notes

  • Ensure #7B684B text on #E4D0C0 background meets WCAG AA or AAA contrast.
  • Avoid using #D2B48C directly on #E4D0C0 for small text to prevent low contrast.
  • All interactive elements should have clear visual feedback when hovered or focused.
  • For optimal readability, ensure sufficient line height when using mid-tones for body text.

Recommended combinations

Organic Contrast

A grounding dark, a warm mid, and a light background for clear, natural design.

#7B684B · #AE845B · #E4D0C0

Woven Layers

Creates depth and texture, perfect for layered UI elements or subtle backgrounds.

#AE845B · #C2A180 · #7B684B

Natural Softness

Ideal for soft gradients, background patterns, or subtle transitions in UI.

#C2A180 · #D2B48C · #E4D0C0

CSS variables

:root {
  --woven-basket-texture-2-1: #AE845B;
  --woven-basket-texture-2-2: #C2A180;
  --woven-basket-texture-2-3: #D2B48C;
  --woven-basket-texture-2-4: #E4D0C0;
  --woven-basket-texture-2-5: #7B684B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "woven-basket-texture-2": {
        1: "#AE845B",
        2: "#C2A180",
        3: "#D2B48C",
        4: "#E4D0C0",
        5: "#7B684B",
      }
    }
  }
}

Related searches

natural brown paletterustic beige colorsorganic texture schemewoven craft aestheticearthy neutral design

Palette colors

Hex values

Color 1#AE845B
·
Color 2#C2A180
·
Color 3#D2B48C
·
Color 4#E4D0C0
·
Color 5#7B684B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.7:1Fail
2.3:1Fail
1.6:1Fail
2
1.4:1Fail
1.2:1Fail
1.6:1Fail
2.2:1Fail
3
1.7:1Fail
1.2:1Fail
1.3:1Fail
2.7:1Fail
4
2.3:1Fail
1.6:1Fail
1.3:1Fail
3.6:1AA18
5
1.6:1Fail
2.2:1Fail
2.7:1Fail
3.6:1AA18

Similar palettes

More like Woven Basket Texture

View all neutral
Antique Map Parchment
Coastal Driftwood Relic
Rustic Bakery Dough
Willow Weave
Aged Leather Comfort
Ancient Script