Palette

Farmhouse Cozy Corner

Earthy, welcoming tones of a comfortable farmhouse, with aged wood and soft, sun-warmed textiles.

earthcalm5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Farmhouse Cozy Corner 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 Farmhouse Cozy Corner.

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

Data visualization

#8B4513#D2B48C#F5DEB3#BDB76B#696969

Palette guide

How to use Farmhouse Cozy Corner

Overview

The "Farmhouse Cozy Corner" palette offers earthy, welcoming tones inspired by a comfortable farmhouse. This collection features a rich saddle brown, #8B4513, reminiscent of aged wood, complemented by a warm tan, #D2B48C, and a soft wheat beige, #F5DEB3, evoking sun-warmed textiles. A muted olive green, #BDB76B, adds a touch of natural accent, while a grounding dark gray, #696969, provides modern sophistication. This palette is ideal for designers and developers aiming to create digital or physical spaces that feel inviting, calm, and authentically rustic, perfect for brands emphasizing comfort, heritage, and natural living.

Best used for

Home staging and interior design websites
Organic and natural product branding
Lifestyle blogs focused on slow living
Cozy cafe or boutique branding
Digital interfaces for relaxation or meditation apps
E-commerce sites for handcrafted goods

Suggested color roles

primary

Use #8B4513 as a dominant primary color for strong headings or structural elements, evoking aged wood and stability.

secondary

Employ #696969 as a sophisticated secondary color for navigation, accents, or text, providing a modern touch.

accent

Introduce #BDB76B as a subtle accent for icons, highlights, or decorative elements, adding a hint of natural warmth.

background

The soft #F5DEB3 serves as an excellent main background, creating a light, airy, and inviting canvas for content.

text

For body text, a dark brown like #8B4513 or a deep charcoal ensures readability on lighter backgrounds. #D2B48C can be used for secondary text or subtle details.

Accessibility notes

Ensure sufficient contrast for text, especially when pairing mid-tones like #D2B48C or #BDB76B with similar backgrounds.
The light #F5DEB3 requires a dark color (e.g., #8B4513 or #696969) for text to meet accessibility standards.
Avoid using #F5DEB3 for small or critical text unless on a very dark, contrasting background.
Darker colors like #8B4513 and #696969 offer excellent contrast for white or very light text.

Recommended combinations

Rustic Hearth

A balanced combination for a classic farmhouse look, ideal for main website sections, headers, and text.

#8B4513 · #F5DEB3 · #696969

Sun-Kissed Comfort

Perfect for soft, inviting areas, background textures, or elements that need a gentle, warm, and natural feel.

#F5DEB3 · #D2B48C · #BDB76B

Earthy Modern

Creates a sophisticated, grounded aesthetic, suitable for branding, UI elements, or contemporary rustic designs.

#696969 · #8B4513 · #D2B48C

CSS variables

:root {
  --farmhouse-cozy-corner-1: #8B4513;
  --farmhouse-cozy-corner-2: #D2B48C;
  --farmhouse-cozy-corner-3: #F5DEB3;
  --farmhouse-cozy-corner-4: #BDB76B;
  --farmhouse-cozy-corner-5: #696969;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "farmhouse-cozy-corner": {
        1: "#8B4513",
        2: "#D2B48C",
        3: "#F5DEB3",
        4: "#BDB76B",
        5: "#696969",
      }
    }
  }
}

Hex values

Color 1#8B4513

Color 2#D2B48C

Color 3#F5DEB3

Color 4#BDB76B

Color 5#696969

Accessibility

Contrast checker

3.6:1AA18

5.4:1AA

3.4:1AA18

1.3:1Fail

3.6:1AA18

1.5:1Fail

1:1Fail

2.8:1Fail

5.4:1AA

1.5:1Fail

1.6:1Fail

4.2:1AA18