Back to palettes

Palette

Sun-Washed Linen

Subtle, muted tones reminiscent of soft, sun-washed linen, creating a serene and understated feel.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sun-Washed Linen 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 Sun-Washed Linen.

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

Data visualization

#E8E3DD#D4CCC3#BFB5AA#AAA092#958B7A

Palette guide

How to use Sun-Washed Linen

Overview

The "Sun-Washed Linen" palette embodies understated elegance and serene simplicity, featuring a range of soft, muted neutrals. From the delicate, near-white #E8E3DD to the grounding, deeper beige-grey of #958B7A, this collection offers a harmonious progression of subtle tones. Mid-range colors like #D4CCC3, #BFB5AA, and #AAA092 provide versatile options for layering and depth. This palette is perfect for designers aiming to create minimalist, sophisticated, and calming environments, ideal for projects that value quiet luxury, natural textures, and timeless appeal.

Best used for

  • Minimalist interior design portfolios
  • High-end skincare or cosmetic branding
  • Sustainable fashion e-commerce
  • Contemporary art gallery websites
  • Luxury home goods packaging
  • Serene meditation app interfaces

Suggested color roles

primary

Use #BFB5AA for main content areas or substantial elements to establish a calm, central presence.

secondary

Apply #AAA092 for subheadings, navigation, or subtle dividers, adding a touch more depth.

accent

Reserve #958B7A for important details, icons, or calls-to-action that require a grounded contrast.

background

#E8E3DD offers a pristine, airy background, enhancing the minimalist aesthetic.

text

A dark charcoal or deep brown for text on #E8E3DD ensures excellent readability, while #E8E3DD can be used for text on #958B7A.

Accessibility notes

  • Ensure sufficient contrast when pairing mid-tones like #BFB5AA and #AAA092 for text and background.
  • #E8E3DD provides a clean, light base for dark text, meeting WCAG AA standards.
  • Text in #958B7A on #E8E3DD offers good readability.
  • Avoid using very light colors for text on similarly light backgrounds to prevent legibility issues.

Recommended combinations

Soft Layers

Creates a gentle, layered effect for subtle gradients or background elements, maintaining an airy feel.

#E8E3DD · #D4CCC3 · #BFB5AA

Grounded Elegance

Ideal for strong content blocks or testimonials, offering depth with a crisp, light accent for readability.

#AAA092 · #958B7A · #E8E3DD

Monochromatic Depth

Effective for hierarchical information or subtle visual separation, showing a smooth transition of muted tones.

#D4CCC3 · #BFB5AA · #AAA092

CSS variables

:root {
  --sun-washed-linen-1: #E8E3DD;
  --sun-washed-linen-2: #D4CCC3;
  --sun-washed-linen-3: #BFB5AA;
  --sun-washed-linen-4: #AAA092;
  --sun-washed-linen-5: #958B7A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sun-washed-linen": {
        1: "#E8E3DD",
        2: "#D4CCC3",
        3: "#BFB5AA",
        4: "#AAA092",
        5: "#958B7A",
      }
    }
  }
}

Related searches

minimalist neutral palettesoft beige grey colorsnatural linen color schemecalming muted tonessophisticated earth neutrals

Palette colors

Hex values

Color 1#E8E3DD
·
Color 2#D4CCC3
·
Color 3#BFB5AA
·
Color 4#AAA092
·
Color 5#958B7A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.6:1Fail
2:1Fail
2.6:1Fail
2
1.2:1Fail
1.3:1Fail
1.6:1Fail
2.1:1Fail
3
1.6:1Fail
1.3:1Fail
1.3:1Fail
1.7:1Fail
4
2:1Fail
1.6:1Fail
1.3:1Fail
1.3:1Fail
5
2.6:1Fail
2.1:1Fail
1.7:1Fail
1.3:1Fail

Similar palettes

More like Sun-Washed Linen

View all neutral
Cloud Linen Texture
Woven Fabric Hues
Cloud Cotton Comfort
Cloud Soft Canvas
Faded Canvas Memoir
Greige Urban Blend