Palette

Woven Basket Weave

A comforting collection of warm browns and creams, reminiscent of a rustic, hand-woven basket.

NeutralNatural5 colors

More Neutral 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

#795548#A1887F#BCAAA4#D7CCC8#EDE7E1

Palette guide

How to use Woven Basket Weave

Overview

The "Woven Basket Weave" palette offers a comforting collection of warm browns and creams, reminiscent of rustic, hand-woven textures. Featuring hex codes like #795548 (a rich, grounding brown), #A1887F (a versatile mid-tone taupe), and #EDE7E1 (a soft, creamy off-white), it provides a serene and authentic feel. Designers can leverage these natural tones to create inviting digital interfaces, packaging, or print materials that evoke a sense of warmth and understated elegance. This palette is ideal for projects aiming for a natural, cozy, or artisanal aesthetic, offering a harmonious blend of depth and lightness.

Best used for

Rustic branding and logos
Cozy home decor websites
Natural product packaging
Craft blogs and online stores
Minimalist UI designs
Calm editorial layouts

Suggested color roles

primary

Use #795548 as a grounding, warm brown for main headings or strong brand elements, conveying stability and natural depth.

secondary

Apply #A1887F, a versatile mid-tone taupe, for subheadings, navigation, or larger content blocks, offering soft contrast.

accent

Utilize #BCAAA4, a lighter, warm grey-brown, to highlight interactive elements or subtle details without overwhelming the design.

background

Employ #EDE7E1, a soft, creamy off-white, as a clean, inviting backdrop that allows other palette colors to gently stand out.

text

For body text, use #795548 or a dark charcoal to ensure excellent readability against lighter backgrounds like #EDE7E1.

Accessibility notes

Ensure #795548 text on #EDE7E1 background meets WCAG AA contrast standards for readability.
Avoid using #BCAAA4 for small text on #A1887F due to insufficient contrast.
Use #EDE7E1 for large text elements or headings only if paired with a very dark background for legibility.
Consider a darker text color (e.g., black or charcoal) on #D7CCC8 for body copy to improve readability.

Recommended combinations

Earthy Base

For a classic, warm, and inviting brand presence or a natural web theme.

#795548 · #EDE7E1 · #A1887F

Soft Contrast

Ideal for subtle UI elements, layered backgrounds, or secondary content areas.

#A1887F · #D7CCC8 · #BCAAA4

Light & Airy

Creates a clean, minimalist aesthetic with gentle depth and a serene atmosphere.

#EDE7E1 · #BCAAA4 · #D7CCC8

CSS variables

:root {
  --woven-basket-weave-3-1: #795548;
  --woven-basket-weave-3-2: #A1887F;
  --woven-basket-weave-3-3: #BCAAA4;
  --woven-basket-weave-3-4: #D7CCC8;
  --woven-basket-weave-3-5: #EDE7E1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "woven-basket-weave-3": {
        1: "#795548",
        2: "#A1887F",
        3: "#BCAAA4",
        4: "#D7CCC8",
        5: "#EDE7E1",
      }
    }
  }
}

Hex values

Color 1#795548

Color 2#A1887F

Color 3#BCAAA4

Color 4#D7CCC8

Color 5#EDE7E1

Accessibility

Contrast checker

2:1Fail

2.9:1Fail

4.2:1AA18

5.3:1AA

2:1Fail

1.5:1Fail

2.1:1Fail

2.7:1Fail

2.9:1Fail

1.5:1Fail

1.4:1Fail

1.8:1Fail

4.2:1AA18

2.1:1Fail

1.4:1Fail

1.3:1Fail

5.3:1AA

2.7:1Fail

1.8:1Fail

1.3:1Fail

Similar palettes

More like Woven Basket Weave

View all Neutral

Boho Earth Weave

Whispering Canyon Wall

Coffee Cream Blend

Mountain Ridge

Woven Fiber Earth

Artisan Ceramic Glaze