Back to palettes

Palette

Woven Basket Weave

Earthy tones inspired by the intricate patterns and natural fibers of a hand-woven basket.

EarthNatural5 colors
More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#CD853F#A0522D#D2B48C#F5DEB3#8B4513

Palette guide

How to use Woven Basket Weave

Overview

This "Woven Basket Weave" palette offers a rich, earthy spectrum inspired by natural fibers and rustic craftsmanship. Featuring hex codes like #CD853F (a warm, medium brown), #A0522D (a deep, rich sienna), and #F5DEB3 (a soft, creamy beige), it evokes a sense of organic warmth and handcrafted charm. Designers can leverage these tones to create inviting and authentic digital experiences, packaging, or interior design concepts. The palette's natural depth is perfect for projects aiming for an artisanal or grounded aesthetic, providing both vibrant warmth and subtle elegance.

Best used for

  • Artisan product branding
  • Rustic website themes
  • Natural food packaging
  • Craft fair promotions
  • Cozy blog designs
  • Eco-friendly marketing materials

Suggested color roles

primary

Use #A0522D as a deep, grounding sienna, excellent for strong brand logos, main headings, or impactful calls to action.

secondary

Apply #CD853F, a warm, inviting brown, for subheadings, navigation elements, or significant content blocks.

accent

Utilize #8B4513, a rich, dark brown, providing strong contrast for key interactive elements or sophisticated details.

background

Employ #F5DEB3, a soft, creamy beige, offering a light and airy backdrop that makes other earthy tones pop.

text

For primary body text, use #8B4513 or a dark charcoal, ensuring high readability against lighter backgrounds.

Accessibility notes

  • Ensure #8B4513 text on #F5DEB3 background meets WCAG AA/AAA contrast ratios for legibility.
  • Avoid using #D2B48C for small text on #F5DEB3 due to insufficient contrast.
  • Use #A0522D for larger text elements or headings on lighter backgrounds for better legibility.
  • Consider a dark text, such as black, for any copy placed on #CD853F if #F5DEB3 is not an option.

Recommended combinations

Rustic Core

Creates a strong, natural, and inviting brand identity for an authentic feel.

#A0522D · #F5DEB3 · #CD853F

Warm Accents

Ideal for highlighting key information or decorative elements with warmth and depth.

#CD853F · #D2B48C · #8B4513

Light & Earthy

Provides a balanced, soft, and approachable visual experience for backgrounds or secondary content.

#F5DEB3 · #D2B48C · #A0522D

CSS variables

:root {
  --woven-basket-weave-1: #CD853F;
  --woven-basket-weave-2: #A0522D;
  --woven-basket-weave-3: #D2B48C;
  --woven-basket-weave-4: #F5DEB3;
  --woven-basket-weave-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "woven-basket-weave": {
        1: "#CD853F",
        2: "#A0522D",
        3: "#D2B48C",
        4: "#F5DEB3",
        5: "#8B4513",
      }
    }
  }
}

Related searches

earthy brown color schemerustic craft palettenatural texture colorsorganic design palettewarm artisanal hues

Palette colors

Hex values

Color 1#CD853F
·
Color 2#A0522D
·
Color 3#D2B48C
·
Color 4#F5DEB3
·
Color 5#8B4513
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
1.5:1Fail
2.3:1Fail
2.4:1Fail
2
1.9:1Fail
2.8:1Fail
4.3:1AA18
1.3:1Fail
3
1.5:1Fail
2.8:1Fail
1.5:1Fail
3.6:1AA18
4
2.3:1Fail
4.3:1AA18
1.5:1Fail
5.4:1AA
5
2.4:1Fail
1.3:1Fail
3.6:1AA18
5.4:1AA

Similar palettes

More like Woven Basket Weave

View all Earth
Earthen Clay Pot
Rustic Barnwood Tones
Terra Nova
Whispering Clay Path
Woven Basket Texture
Ancient Pottery