Palette

Country Farmstead Comfort

Warm, inviting browns and creams reminiscent of wooden beams, antique furniture, and cozy country living.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Country Farmstead 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 Country Farmstead Comfort.

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

Data visualization

#8B4513#CD853F#F5DEB3#DEB887#A0522D

Palette guide

How to use Country Farmstead Comfort

Overview

The 'Country Farmstead Comfort' palette offers a warm, inviting collection of browns and creams, reminiscent of rustic wooden beams, antique furniture, and cozy country living. This earthy palette features a deep saddle brown (#8B4513), a rich peru (#CD853F), a creamy blanched almond (#F5DEB3), a comforting burly wood (#DEB887), and a robust sienna (#A0522D). Designers and developers can utilize these natural tones to create grounded, nostalgic, and welcoming experiences across websites, branding, or interior design concepts, invoking a sense of enduring comfort and rustic charm.

Best used for

Farm-to-table restaurant branding
Rustic home decor websites
Craft brewery packaging
Vintage-inspired e-commerce sites
Cozy cabin rental promotions
Natural beauty product lines

Suggested color roles

primary

#8B4513 (Saddle Brown) - A strong, grounding primary color, ideal for main structures, headers, or focal points.

secondary

#CD853F (Peru) - Provides a warm, inviting complement, perfect for secondary sections, navigation, or accents.

accent

#A0522D (Sienna) - A deeper, richer accent for important details, call-to-actions, or to add textural depth.

background

#F5DEB3 (Blanched Almond) - A soft, creamy background that brightens the palette while maintaining warmth, excellent for content areas.

text

#DEB887 (Burly Wood) - Suitable for larger, decorative text. For body text, use a dark brown (#4F4F4F) or black on lighter backgrounds for readability.

Accessibility notes

Ensure sufficient contrast when pairing lighter browns like #DEB887 with #F5DEB3 for text.
For body text, use dark browns like #8B4513 or a dark charcoal against #F5DEB3 backgrounds.
The darker browns offer good contrast for white or off-white text, improving legibility.
Avoid using #DEB887 for small body text unless on a significantly darker background.

Recommended combinations

Rustic Wood

Ideal for headers, navigation, or elements needing a strong, natural presence.

#8B4513 · #CD853F · #DEB887

Farmstead Cream

Great for backgrounds, content cards, or where a warm, inviting contrast is needed.

#F5DEB3 · #A0522D · #CD853F

Earthy Depth

Perfect for bold branding, rustic illustrations, or accenting key information.

#8B4513 · #A0522D · #F5DEB3

CSS variables

:root {
  --country-farmstead-comfort-1: #8B4513;
  --country-farmstead-comfort-2: #CD853F;
  --country-farmstead-comfort-3: #F5DEB3;
  --country-farmstead-comfort-4: #DEB887;
  --country-farmstead-comfort-5: #A0522D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "country-farmstead-comfort": {
        1: "#8B4513",
        2: "#CD853F",
        3: "#F5DEB3",
        4: "#DEB887",
        5: "#A0522D",
      }
    }
  }
}

Hex values

Color 1#8B4513

Color 2#CD853F

Color 3#F5DEB3

Color 4#DEB887

Color 5#A0522D

Accessibility

Contrast checker

2.4:1Fail

5.4:1AA

3.8:1AA18

1.3:1Fail

2.4:1Fail

2.3:1Fail

1.6:1Fail

1.9:1Fail