Back to palettes

Palette

Muted Linen Study

Soft, unbleached hues mirroring the tranquil, tactile comfort of natural linen fabrics.

neutralcalm5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Muted Linen Study 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 Muted Linen Study.

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

Data visualization

#F5F5DC#F0EAD6#D2B48C#CDC9C3#B8B5AE

Palette guide

How to use Muted Linen Study

Overview

The Muted Linen Study palette offers soft, unbleached hues mirroring the tranquil, tactile comfort of natural linen fabrics. It ranges from a pale cream (#F5F5DC) to a deep grey-beige (#B8B5AE), with versatile mid-tones like #D2B48C and #CDC9C3. This collection is perfect for designers and developers seeking to create calm, sophisticated, and inviting experiences. It emphasizes natural textures and understated elegance, making it ideal for projects that require a sense of quiet luxury and organic simplicity across digital platforms or print materials.

Best used for

  • Lifestyle blogs and online magazines
  • Interior design portfolios and websites
  • Artisanal goods and handcrafted product lines
  • Sustainable fashion brands
  • Relaxed digital interfaces and apps
  • Home decor e-commerce platforms

Suggested color roles

primary

Utilize #D2B48C (mid-tone tan) for main content areas or prominent sections, offering warmth and sophistication.

secondary

Employ #B8B5AE (muted grey-beige) for subheadings, navigation, or to provide a grounding neutral support.

accent

Incorporate #F0EAD6 (pale beige) for subtle highlights, background textures, or delicate decorative elements.

background

Select #F5F5DC (softest cream) as a clean, airy base that enhances the natural feel of the palette.

text

Choose #B8B5AE (darker grey-beige) for all body text and important information, ensuring excellent readability and a refined aesthetic.

Accessibility notes

  • Ensure sufficient contrast for text, as many colors in this palette are light. #F5F5DC and #F0EAD6 require dark text.
  • Pair #F5F5DC and #F0EAD6 with a dark text color like #B8B5AE or a deep charcoal for optimal readability.
  • Avoid using #CDC9C3 for small text on #F0EAD6; it is better suited for larger graphical elements.
  • The darkest color, #B8B5AE, provides reliable contrast for text against all lighter shades in this palette.

Recommended combinations

Textural Contrast

Ideal for clean, readable body text on a very light background, conveying understated elegance.

#F5F5DC · #B8B5AE · #F0EAD6

Warm Neutrals

Creates a harmonious, soft blend suitable for background sections or subtle graphical elements.

#D2B48C · #F0EAD6 · #CDC9C3

Subtle Harmony

Perfect for layered backgrounds, gradual gradients, or nuanced UI components that require depth without strong contrast.

#CDC9C3 · #B8B5AE · #D2B48C

CSS variables

:root {
  --muted-linen-study-1: #F5F5DC;
  --muted-linen-study-2: #F0EAD6;
  --muted-linen-study-3: #D2B48C;
  --muted-linen-study-4: #CDC9C3;
  --muted-linen-study-5: #B8B5AE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "muted-linen-study": {
        1: "#F5F5DC",
        2: "#F0EAD6",
        3: "#D2B48C",
        4: "#CDC9C3",
        5: "#B8B5AE",
      }
    }
  }
}

Related searches

muted linen palettenatural fabric colorssoft neutral designcalm beige greyunbleached textile hues

Palette colors

Hex values

Color 1#F5F5DC
·
Color 2#F0EAD6
·
Color 3#D2B48C
·
Color 4#CDC9C3
·
Color 5#B8B5AE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.8:1Fail
1.5:1Fail
1.8:1Fail
2
1.1:1Fail
1.6:1Fail
1.4:1Fail
1.7:1Fail
3
1.8:1Fail
1.6:1Fail
1.2:1Fail
1:1Fail
4
1.5:1Fail
1.4:1Fail
1.2:1Fail
1.2:1Fail
5
1.8:1Fail
1.7:1Fail
1:1Fail
1.2:1Fail

Similar palettes

More like Muted Linen Study

View all neutral