Palette

Woven Basket Texture

Warm, textured browns and creams, reminiscent of a handmade woven basket filled with harvest bounty.

EarthNatural5 colors

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

#7B3F00#A66E2E#CC9B59#E6C898#FFF5D6

Palette guide

How to use Woven Basket Texture

Overview

The Woven Basket Texture palette radiates warmth and natural charm, featuring a vibrant range of earthy browns and inviting creams. It begins with a deep, rich brown #7B3F00, reminiscent of dark wood or tightly woven fibers. Mid-tones like #A66E2E and #CC9B59 introduce a sun-kissed warmth, while the soft #E6C898 and the delicate, near-white #FFF5D6 complete the collection. This palette is highly effective for designers and developers aiming to create welcoming, authentic, and cozy experiences. It's ideal for projects that celebrate natural materials, artisanal quality, and a comforting, rustic aesthetic, bringing the warmth of a harvest basket to life.

Best used for

Farm-to-table restaurant branding
Seasonal event promotions
Home baking or cooking blogs
Natural skincare product packaging
Interior design for rustic homes
Cozy e-commerce platforms

Suggested color roles

primary

#7B3F00 - A deep, strong brown, perfect for powerful headings, brand logos, or foundational UI elements.

secondary

#A66E2E - A rich, warm brown, excellent for subheadings, navigation, or significant content blocks.

accent

#CC9B59 - A brighter, golden-tan, ideal for interactive elements, highlights, or decorative accents that pop.

background

#FFF5D6 - A gentle, near-white cream that provides a clean, breathable canvas, enhancing the palette's warmth.

text

#7B3F00 - Offers strong contrast on light backgrounds like #FFF5D6. For darker backgrounds, use white or a very light cream.

Accessibility notes

Ensure #7B3F00 text on #FFF5D6 background meets WCAG AAA contrast standards.
Avoid using #E6C898 directly on #FFF5D6 for small text to prevent low contrast.
All interactive elements should have distinct visual feedback for hover and focus states.
For optimal readability, ensure sufficient line height when using mid-tones for body text.

Recommended combinations

Harvest Warmth

A strong base, a warm mid-tone, and a bright background for clear communication.

#7B3F00 · #A66E2E · #FFF5D6

Sun-kissed Weave

Creates depth and vibrancy, ideal for hero sections or engaging UI elements.

#A66E2E · #CC9B59 · #7B3F00

Gentle Basket

Excellent for soft gradients, background patterns, or subtle, inviting transitions.

#CC9B59 · #E6C898 · #FFF5D6

CSS variables

:root {
  --woven-basket-texture-3-1: #7B3F00;
  --woven-basket-texture-3-2: #A66E2E;
  --woven-basket-texture-3-3: #CC9B59;
  --woven-basket-texture-3-4: #E6C898;
  --woven-basket-texture-3-5: #FFF5D6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "woven-basket-texture-3": {
        1: "#7B3F00",
        2: "#A66E2E",
        3: "#CC9B59",
        4: "#E6C898",
        5: "#FFF5D6",
      }
    }
  }
}

Hex values

Color 1#7B3F00

Color 2#A66E2E

Color 3#CC9B59

Color 4#E6C898

Color 5#FFF5D6

Accessibility

Contrast checker

1.9:1Fail

3.3:1AA18

5.1:1AA

7.6:1AAA

1.9:1Fail

1.7:1Fail

2.7:1Fail

3.9:1AA18

3.3:1AA18

1.7:1Fail

1.6:1Fail

2.3:1Fail

5.1:1AA

2.7:1Fail

1.6:1Fail

1.5:1Fail

7.6:1AAA

3.9:1AA18

2.3:1Fail

1.5:1Fail

Similar palettes

More like Woven Basket Texture

View all Earth

Cabin Twilight Hearth

Earthen Clay Pot

Rustic Barnwood Tones

Rustic Hearth Glow

Terra Nova

Whispering Clay Path