Back to palettes

Palette

Earthy Linen Warmth

Gentle, natural tones creating a soothing blend of warmth, like soft linen and warm earth.

neutralcalm5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Earthy Linen Warmth 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 Earthy Linen Warmth.

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

Data visualization

#BDB76B#D2B48C#F5DEB3#A0522D#696969

Palette guide

How to use Earthy Linen Warmth

Overview

The Earthy Linen Warmth palette offers a gentle, natural blend of comforting tones, like soft linen and warm earth. Featuring the versatile #D2B48C (Tan) and the airy #F5DEB3 (Wheat), complemented by the grounding #A0522D (Sienna) and the sophisticated #696969 (Dim Gray), this collection creates a soothing and inviting aesthetic. Designers can leverage these colors to create designs that feel calm, organic, and effortlessly elegant, perfect for minimalist branding, cozy digital interfaces, or natural home decor themes that prioritize comfort and natural appeal.

Best used for

  • Minimalist home decor and furnishing
  • Natural textile and fabric brands
  • Calm wellness and mindfulness apps
  • Organic product packaging and branding
  • Serene interior design applications
  • Ethical fashion and sustainable apparel

Suggested color roles

primary

#A0522D (Sienna) serves as a warm, grounding color for primary branding, headings, and impactful elements.

secondary

#696969 (Dim Gray) offers a sophisticated neutral for subheadings, important content blocks, and supporting UI elements.

accent

#BDB76B (Dark Khaki) provides a muted, earthy accent for subtle highlights, interactive elements, or decorative details.

background

#F5DEB3 (Wheat) creates a very light, airy background that fosters a sense of peaceful spaciousness and readability.

text

Use #A0522D or #696969 on #F5DEB3 for excellent readability across all content, maintaining a sophisticated appearance.

Accessibility notes

  • Both #A0522D and #696969 provide excellent contrast on #F5DEB3, making them highly accessible for text.
  • Ensure #D2B48C on #F5DEB3 meets WCAG AA guidelines for large text (18pt or 14pt bold) readability.
  • Avoid using #BDB76B for small text on #F5DEB3 due to potential low contrast; reserve for larger decorative text.
  • Use clear visual hierarchy and sufficient spacing to enhance readability within this subtle palette, especially for long-form content.

Recommended combinations

Linen Core

Combine a strong primary, neutral secondary, and light background for clear hierarchy and visual appeal.

#A0522D · #696969 · #F5DEB3

Warm Neutrals

Apply layered earth tones for depth and texture in backgrounds, illustrations, or content blocks.

#D2B48C · #BDB76B · #A0522D

Calm Contrast

Design with a light background, warm text, and a sophisticated accent for a clean, minimalist aesthetic.

#F5DEB3 · #A0522D · #696969

CSS variables

:root {
  --earthy-linen-warmth-1: #BDB76B;
  --earthy-linen-warmth-2: #D2B48C;
  --earthy-linen-warmth-3: #F5DEB3;
  --earthy-linen-warmth-4: #A0522D;
  --earthy-linen-warmth-5: #696969;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "earthy-linen-warmth": {
        1: "#BDB76B",
        2: "#D2B48C",
        3: "#F5DEB3",
        4: "#A0522D",
        5: "#696969",
      }
    }
  }
}

Related searches

earthy linen colorswarm neutral paletteminimalist beige browncalm organic designsoft comforting scheme

Palette colors

Hex values

Color 1#BDB76B
·
Color 2#D2B48C
·
Color 3#F5DEB3
·
Color 4#A0522D
·
Color 5#696969
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.6:1Fail
2.7:1Fail
2.7:1Fail
2
1:1Fail
1.5:1Fail
2.8:1Fail
2.8:1Fail
3
1.6:1Fail
1.5:1Fail
4.3:1AA18
4.2:1AA18
4
2.7:1Fail
2.8:1Fail
4.3:1AA18
1:1Fail
5
2.7:1Fail
2.8:1Fail
4.2:1AA18
1:1Fail

Similar palettes

More like Earthy Linen Warmth

View all neutral