Back to palettes

Palette

Woven Willow

Subtle, interwoven shades inspired by the delicate texture and natural hues of willow branches and baskets.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A79A81#786E5E#C4B299#8F8074#D8CCC2

Palette guide

How to use Woven Willow

Overview

The "Woven Willow" palette offers subtle, interwoven shades inspired by the delicate texture and natural hues of willow branches and baskets. Ranging from the light, airy #D8CCC2 to the grounding #786E5E, this collection provides a serene and minimalist aesthetic. Mid-tones like #C4B299 and #A79A81 offer versatile options for layering, while #8F8074 adds a slightly deeper, sophisticated brown-gray. This palette is perfect for designers seeking to evoke natural craftsmanship, quiet elegance, and a tranquil atmosphere, ideal for projects emphasizing organic simplicity and understated beauty.

Best used for

  • Minimalist e-commerce (handmade goods)
  • Spa or wellness brand identity
  • Eco-conscious product design
  • Art gallery websites
  • Natural lifestyle blogs
  • Elegant stationery

Suggested color roles

primary

#A79A81 - A warm, muted beige-gray, excellent for dominant sections or large UI elements, establishing a calm, natural feel.

secondary

#C4B299 - A lighter, softer beige, perfect for secondary backgrounds, cards, or supporting text areas, maintaining a gentle aesthetic.

accent

#786E5E - The darkest, richest brown-gray, ideal for high-contrast elements, important buttons, or subtle highlights in navigation, providing a sophisticated anchor.

background

#D8CCC2 - A very light, almost off-white beige, excellent for clean, spacious backgrounds that allow content to breathe and maintain tranquility.

text

#8F8074 - A deep, readable brown-gray suitable for body text against lighter backgrounds, offering a softer alternative to black while ensuring clarity.

Accessibility notes

  • Ensure #786E5E has strong contrast against #D8CCC2 for body text (aim for WCAG AA).
  • #8F8074 will work well for text on #D8CCC2 or #C4B299 but might need adjustment for smaller font sizes.
  • Avoid using #C4B299 or #A79A81 for text on #D8CCC2 without careful contrast checking due to their proximity.
  • Always test color combinations with accessibility tools, especially for interactive elements and critical information.

Recommended combinations

Serene Base

Ideal for website backgrounds, primary content blocks, and call-to-action buttons, creating a natural and calming user experience.

#D8CCC2 · #A79A81 · #786E5E

Willow Weave

Use for headers, subtext, and subtle design accents, providing readability and depth against lighter elements.

#C4B299 · #8F8074 · #786E5E

Light Craft

Excellent for subtle gradients, background textures, or layered UI elements where a gentle, monochromatic feel is desired.

#D8CCC2 · #C4B299 · #A79A81

CSS variables

:root {
  --woven-willow-1: #A79A81;
  --woven-willow-2: #786E5E;
  --woven-willow-3: #C4B299;
  --woven-willow-4: #8F8074;
  --woven-willow-5: #D8CCC2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "woven-willow": {
        1: "#A79A81",
        2: "#786E5E",
        3: "#C4B299",
        4: "#8F8074",
        5: "#D8CCC2",
      }
    }
  }
}

Related searches

willow basket colorsnatural beige grayminimalist earthy paletteserene neutral schemeorganic craft design

Palette colors

Hex values

Color 1#A79A81
·
Color 2#786E5E
·
Color 3#C4B299
·
Color 4#8F8074
·
Color 5#D8CCC2
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
1.3:1Fail
1.4:1Fail
1.8:1Fail
2
1.8:1Fail
2.4:1Fail
1.3:1Fail
3.2:1AA18
3
1.3:1Fail
2.4:1Fail
1.8:1Fail
1.3:1Fail
4
1.4:1Fail
1.3:1Fail
1.8:1Fail
2.4:1Fail
5
1.8:1Fail
3.2:1AA18
1.3:1Fail
2.4:1Fail

Similar palettes

More like Woven Willow

View all neutral
Artisan Clay Paint
Muted Pottery Studio
Soft Linen Dream
Abstract Sandstone Art
Agave Succulent Dew
Ancient Papyrus Parchment