Back to palettes

Palette

Woven Basket

Warm, earthy browns and tans mirroring the intricate textures and comfortable feel of a handwoven basket.

neutralnatural5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#EBC796#D4A56E#AA8556#81613A#F2DEBC

Palette guide

How to use Woven Basket

Overview

The "Woven Basket" palette is a collection of warm, earthy browns and tans, perfectly echoing the natural textures of wicker and handcrafted items. With key hex codes like #81613A (a deep, grounded brown), #D4A56E (a rich, medium tan), and #F2DEBC (a soft, creamy beige), this palette provides a comforting and authentic feel. It's ideal for designers seeking to convey a sense of natural warmth, rustic charm, or artisanal quality in their projects, whether for digital interfaces, print media, or product branding, ensuring a grounded and inviting aesthetic.

Best used for

  • Natural product branding
  • Rustic home goods e-commerce
  • Craft workshop websites
  • Eco-conscious marketing campaigns
  • Cozy blog layouts
  • Traditional design aesthetics

Suggested color roles

primary

Use #81613A as a deep, anchoring brown, perfect for brand logos, main headings, or strong foundational elements.

secondary

Apply #AA8556, a rich, warm tan, suitable for subheadings, navigation, or larger content areas, providing depth.

accent

Utilize #D4A56E, a vibrant, medium tan that can highlight calls to action or important details without overpowering.

background

Employ #F2DEBC, a soft, warm off-white, creating an inviting and clean canvas for other palette colors.

text

For body text, use #81613A or a dark charcoal, ensuring excellent readability against lighter backgrounds.

Accessibility notes

  • Ensure #81613A text on #F2DEBC background meets WCAG AA contrast standards for readability.
  • Avoid using #EBC796 for small text on #F2DEBC as contrast may be insufficient.
  • Use #AA8556 for larger text elements or headings to maintain legibility on backgrounds like #F2DEBC.
  • Consider a very dark text color, like black, when placing text on #D4A56E for optimal contrast.

Recommended combinations

Rustic Foundation

Establishes a warm, grounded, and authentic brand presence with natural appeal.

#81613A · #F2DEBC · #D4A56E

Soft Layers

Ideal for creating subtle depth in UI elements, background patterns, or decorative accents.

#AA8556 · #EBC796 · #D4A56E

Bright & Natural

Offers a clean, inviting look with natural accents, suitable for light themes.

#F2DEBC · #EBC796 · #81613A

CSS variables

:root {
  --woven-basket-1: #EBC796;
  --woven-basket-2: #D4A56E;
  --woven-basket-3: #AA8556;
  --woven-basket-4: #81613A;
  --woven-basket-5: #F2DEBC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "woven-basket": {
        1: "#EBC796",
        2: "#D4A56E",
        3: "#AA8556",
        4: "#81613A",
        5: "#F2DEBC",
      }
    }
  }
}

Related searches

wicker color schemenatural tan paletterustic website colorsearthy craft designwarm neutral branding

Palette colors

Hex values

Color 1#EBC796
·
Color 2#D4A56E
·
Color 3#AA8556
·
Color 4#81613A
·
Color 5#F2DEBC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.1:1Fail
3.5:1AA18
1.2:1Fail
2
1.4:1Fail
1.5:1Fail
2.5:1Fail
1.7:1Fail
3
2.1:1Fail
1.5:1Fail
1.7:1Fail
2.6:1Fail
4
3.5:1AA18
2.5:1Fail
1.7:1Fail
4.3:1AA18
5
1.2:1Fail
1.7:1Fail
2.6:1Fail
4.3:1AA18

Similar palettes

More like Woven Basket

View all neutral
Artisan Pottery Glaze
Coastal Driftwood Relic
Countryside Woven Comfort
Rustic Barnwood Shade
Willow Weave
Aged Leather Comfort