Back to palettes

Palette

Fresh Linen Softness

Evokes the clean, crisp feel of freshly washed linen, bringing a sense of purity and calm.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Fresh Linen Softness 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 Fresh Linen Softness.

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

Data visualization

#F3F7F0#D4DCD7#A9B3B8#7E8D93#BFCDC0

Palette guide

How to use Fresh Linen Softness

Overview

The Fresh Linen Softness palette is a sophisticated collection of muted grays, soft greens, and off-white, exuding calm and minimalist elegance. With foundational colors like the clean #F3F7F0, the gentle #D4DCD7, and the grounding #A9B3B8, this palette creates a serene and refined atmosphere. It's perfectly suited for designers and developers aiming to build user experiences that feel pristine, orderly, and understated. This palette's subtle hues are ideal for conveying a sense of luxury, cleanliness, and thoughtful design without being overtly flashy.

Best used for

  • Interior design and home decor brands
  • Luxury lifestyle and wellness services
  • Minimalist fashion and apparel websites
  • High-end stationery and print media
  • Clean, corporate branding
  • Spa and beauty product packaging

Suggested color roles

primary

Utilize #A9B3B8 as a sophisticated primary color for main content sections, headers, or elegant UI elements.

secondary

Employ #D4DCD7 for background elements, supporting text, or subtle dividers, offering a gentle transition.

accent

The soft green #BFCDC0 can be used as a delicate accent for subtle highlights, interactive states, or decorative details.

background

Choose #F3F7F0 as a clean, airy background to provide a pristine canvas that enhances the muted tones.

text

For optimal readability, use #7E8D93 or a deep charcoal for body text. For headings on lighter backgrounds, #A9B3B8 works well.

Accessibility notes

  • Ensure sufficient contrast when placing text, especially small text, on lighter backgrounds like #F3F7F0 or #D4DCD7.
  • The dark gray #7E8D93 offers good contrast for body text on the lightest colors in the palette.
  • Avoid using #BFCDC0 for critical text on light backgrounds without thorough contrast testing.
  • Provide clear visual focus indicators for interactive elements that rely on these subtle color shifts.

Recommended combinations

Subtle Depth

Creates a sophisticated and layered look for content blocks or section dividers, with strong text contrast.

#A9B3B8 · #D4DCD7 · #7E8D93

Clean Canvas

Perfect for a minimalist design layout, offering a clean base with soft accents and clear headings.

#F3F7F0 · #BFCDC0 · #A9B3B8

Sophisticated Base

A strong, readable combination for dark mode interfaces or high-contrast calls to action against a light background.

#7E8D93 · #D4DCD7 · #A9B3B8

CSS variables

:root {
  --fresh-linen-softness-1: #F3F7F0;
  --fresh-linen-softness-2: #D4DCD7;
  --fresh-linen-softness-3: #A9B3B8;
  --fresh-linen-softness-4: #7E8D93;
  --fresh-linen-softness-5: #BFCDC0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "fresh-linen-softness": {
        1: "#F3F7F0",
        2: "#D4DCD7",
        3: "#A9B3B8",
        4: "#7E8D93",
        5: "#BFCDC0",
      }
    }
  }
}

Related searches

neutral color schememinimalist paletteclean design colorslinen inspired colorssoft gray green

Palette colors

Hex values

Color 1#F3F7F0
·
Color 2#D4DCD7
·
Color 3#A9B3B8
·
Color 4#7E8D93
·
Color 5#BFCDC0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2:1Fail
3.2:1AA18
1.5:1Fail
2
1.3:1Fail
1.5:1Fail
2.5:1Fail
1.2:1Fail
3
2:1Fail
1.5:1Fail
1.6:1Fail
1.3:1Fail
4
3.2:1AA18
2.5:1Fail
1.6:1Fail
2.1:1Fail
5
1.5:1Fail
1.2:1Fail
1.3:1Fail
2.1:1Fail

Similar palettes

More like Fresh Linen Softness

View all neutral