Back to palettes

Palette

Soft Linen Wash

A gentle, muted range evoking the quiet comfort and texture of freshly washed linen.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Soft Linen Wash 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 Soft Linen Wash.

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

Data visualization

#E5E5E5#CCCCCC#B2B2B2#999999#808080

Palette guide

How to use Soft Linen Wash

Overview

The Soft Linen Wash palette offers a serene and sophisticated range of neutral greys, perfect for creating understated and elegant digital experiences. Featuring gentle tones like the almost-white #E5E5E5, the balanced mid-grey #B2B2B2, and the deeper #808080, this collection evokes the quiet comfort of freshly laundered fabric. Designers can leverage these hex codes for minimalist UI, subtle branding, or as a foundational layer that allows vibrant accents to truly pop. Developers will find these reliable greys excellent for consistent styling across various components, ensuring a harmonious and clean aesthetic. Its versatility makes it a go-to for projects requiring a calm, refined, and timeless feel.

Best used for

  • Minimalist UI design
  • Corporate branding (subtle, professional)
  • Home decor e-commerce sites
  • Photography portfolio backgrounds
  • Editorial layouts
  • Spa or wellness app interfaces

Suggested color roles

primary

Use #E5E5E5 as a light, airy base for large sections or main backgrounds, providing a clean canvas.

secondary

Apply #CCCCCC for secondary content blocks, dividers, or subtle borders to add dimension without strong contrast.

accent

Utilize #999999 for interactive elements, icons, or subtle highlights where a soft but noticeable emphasis is needed.

background

Employ #E5E5E5 or #CCCCCC for clean, unobtrusive main backgrounds, allowing content to stand out.

text

For body text, #808080 provides soft readability against lighter backgrounds; for higher contrast, a true black is recommended.

Accessibility notes

  • Ensure sufficient contrast when pairing #E5E5E5 with #CCCCCC for text elements; test against WCAG standards.
  • #808080 offers good contrast on #E5E5E5 for body text, but always verify readability for smaller fonts.
  • Avoid using lighter greys like #E5E5E5 or #CCCCCC for small text on white backgrounds as contrast will be insufficient.
  • Consider using #999999 or #808080 for essential UI elements (e.g., buttons, links) to ensure visibility and clickability.

Recommended combinations

Subtle Depth

Ideal for creating a very soft, almost monochromatic text hierarchy or layered background elements.

#E5E5E5 · #CCCCCC · #B2B2B2

Clean Contrast

Great for minimalist user interfaces, offering clear separation between elements without strong color disruption.

#E5E5E5 · #B2B2B2 · #808080

Modern Professional

Use for sections where more visual weight is needed, such as headers, footers, or critical information blocks.

#CCCCCC · #999999 · #808080

CSS variables

:root {
  --soft-linen-wash-1: #E5E5E5;
  --soft-linen-wash-2: #CCCCCC;
  --soft-linen-wash-3: #B2B2B2;
  --soft-linen-wash-4: #999999;
  --soft-linen-wash-5: #808080;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "soft-linen-wash": {
        1: "#E5E5E5",
        2: "#CCCCCC",
        3: "#B2B2B2",
        4: "#999999",
        5: "#808080",
      }
    }
  }
}

Related searches

neutral grey color paletteminimalist website colorscalm grey designlinen texture paletteprofessional grey branding

Palette colors

Hex values

Color 1#E5E5E5
·
Color 2#CCCCCC
·
Color 3#B2B2B2
·
Color 4#999999
·
Color 5#808080
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
2.3:1Fail
3.1:1AA18
2
1.3:1Fail
1.3:1Fail
1.8:1Fail
2.5:1Fail
3
1.7:1Fail
1.3:1Fail
1.3:1Fail
1.9:1Fail
4
2.3:1Fail
1.8:1Fail
1.3:1Fail
1.4:1Fail
5
3.1:1AA18
2.5:1Fail
1.9:1Fail
1.4:1Fail

Similar palettes

More like Soft Linen Wash

View all neutral
Calm Interior Lines
Calm Stone Pathway
Cloudy Cobblestone Lane
Gallery Wall Calm
Linen Field Whisper
Misty Mountain Zen