Palette

Countryside Woven Comfort

Evoking the simple, comforting textures and natural colors of a cozy country home.

neutralnatural5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D4CCBE#B3B3AA#8C9B8C#735B4A#A2C3CF

Palette guide

How to use Countryside Woven Comfort

Overview

The 'Countryside Woven Comfort' palette evokes the simple, comforting textures and natural colors of a cozy country home. This earthy and muted collection features a soft linen (#D4CCBE), a gentle grey (#B3B3AA), a muted sage green (#8C9B8C), a deep sepia brown (#735B4A), and a cool sky blue (#A2C3CF). Ideal for designers and developers seeking a grounded, tranquil, and organic aesthetic. These harmonious hues are perfect for projects that celebrate natural textures, understated elegance, and a serene, comforting atmosphere, ensuring a calm and inviting user experience across various platforms.

Best used for

Sustainable fashion brands
Eco-friendly product packaging
Natural fiber textile design
Minimalist interior design concepts
Wellness and yoga studio branding
Handmade craft e-commerce sites

Suggested color roles

primary

#735B4A (Sepia Brown) - A strong, grounding primary color for main structures, headers, or durable brand elements.

secondary

#8C9B8C (Sage Green) - Provides a calming, natural complement, excellent for secondary content, navigation, or accents.

accent

#A2C3CF (Sky Blue) - A refreshing, cool accent for interactive elements, icons, or to add a touch of serene contrast.

background

#D4CCBE (Linen) - A soft, warm neutral background that provides an organic and inviting canvas for content.

text

#B3B3AA (Grey) - Suitable for larger, decorative text. For body text, use a dark brown (e.g., #4F4F4F) or black on lighter backgrounds for readability.

Accessibility notes

Ensure sufficient contrast when pairing lighter colors like #B3B3AA with #D4CCBE for text.
For body text, use dark colors like #735B4A or a deep charcoal against #D4CCBE backgrounds.
The darker #735B4A provides good contrast for white or off-white text, improving legibility.
Avoid using #B3B3AA for small body text unless on a significantly darker background to ensure legibility.

Recommended combinations

Woven Earth

Ideal for rustic branding, natural product packaging, or earthy web layouts.

#735B4A · #8C9B8C · #D4CCBE

Linen Sky

Great for light backgrounds, serene interfaces, or designs needing an airy, natural touch.

#D4CCBE · #A2C3CF · #B3B3AA

Rustic Contrast

Perfect for accentuating key information, creating visual interest, or bold natural themes.

#735B4A · #A2C3CF · #8C9B8C

CSS variables

:root {
  --countryside-woven-comfort-1: #D4CCBE;
  --countryside-woven-comfort-2: #B3B3AA;
  --countryside-woven-comfort-3: #8C9B8C;
  --countryside-woven-comfort-4: #735B4A;
  --countryside-woven-comfort-5: #A2C3CF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "countryside-woven-comfort": {
        1: "#D4CCBE",
        2: "#B3B3AA",
        3: "#8C9B8C",
        4: "#735B4A",
        5: "#A2C3CF",
      }
    }
  }
}

Hex values

Color 1#D4CCBE

Color 2#B3B3AA

Color 3#8C9B8C

Color 4#735B4A

Color 5#A2C3CF

Accessibility

Contrast checker

1.3:1Fail

1.8:1Fail

4:1AA18

1.2:1Fail

1.3:1Fail

1.4:1Fail

3:1Fail

1.1:1Fail

1.8:1Fail

1.4:1Fail

2.2:1Fail

1.6:1Fail

4:1AA18

3:1Fail

2.2:1Fail

3.4:1AA18

1.2:1Fail

1.1:1Fail

1.6:1Fail

3.4:1AA18

Similar palettes

More like Countryside Woven Comfort

View all neutral

Coastal Driftwood Relic

Heirloom Pantry Tones

Rustic Barnwood Shade

Rustic Farmhouse Feel

Willow Weave

Woven Basket