Palette

Soft Linen Whisper

Gentle and calming, like the subtle textures and muted colors of finely woven linen fabric.

neutralminimal5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F5F5DC#F8F8FF#DCDCDC#EEE8AA#FAFAD2

Palette guide

How to use Soft Linen Whisper

Overview

The Soft Linen Whisper palette presents an ethereal collection of extremely light, almost-neutral tones, perfect for designs that require a delicate and airy feel. With shades like the creamy #F5F5DC, the subtle off-white #F8F8FF, and the pale yellow #EEE8AA, this palette evokes the gentle texture and muted colors of finely woven linen. Designers can use these hex codes to craft serene backgrounds, soft accents, or to build a foundational layer for natural and organic themes. Developers will appreciate these light values for creating unobtrusive UI elements that maintain a clean, spacious aesthetic. This palette is ideal for projects emphasizing lightness, comfort, and understated elegance.

Best used for

Wedding invitations and stationery
Spa and wellness brand identities
Baby product websites
Minimalist photography portfolios
Interior design mood boards
Ethereal digital art backgrounds

Suggested color roles

primary

Use #F8F8FF as a primary background for a clean, expansive, and almost invisible base.

secondary

Apply #F5F5DC for subtle content areas or card backgrounds, offering a hint of warmth.

accent

Utilize #EEE8AA sparingly for very delicate highlights or soft interactive states where extreme subtlety is key.

background

Employ #F8F8FF or #FAFAD2 for main backgrounds to create an open, airy, and inviting feel.

text

None of the palette colors are suitable for body text; recommend a dark charcoal or black for optimal readability and accessibility.

Accessibility notes

Due to extreme lightness, ensure all text and critical UI elements use colors outside this palette for adequate contrast.
Avoid using any palette colors for text or interactive elements directly against each other; contrast will be insufficient.
These colors are best suited for large background areas or decorative elements, not for conveying information.
When using these shades, always test against WCAG guidelines for visual elements, ensuring no essential information is lost.

Recommended combinations

Airy Base

Excellent for creating expansive, light backgrounds with subtle shifts in tone for a soft, layered effect.

#F8F8FF · #F5F5DC · #FAFAD2

Gentle Highlight

Use for very delicate accents or hover states where a barely-there glow is desired, like on a pristine website.

#F5F5DC · #EEE8AA · #FAFAD2

Soft Structure

Provides a subtle structure for UI elements, like light card borders or separators, maintaining a minimal aesthetic.

#F8F8FF · #DCDCDC · #F5F5DC

CSS variables

:root {
  --soft-linen-whisper-2-1: #F5F5DC;
  --soft-linen-whisper-2-2: #F8F8FF;
  --soft-linen-whisper-2-3: #DCDCDC;
  --soft-linen-whisper-2-4: #EEE8AA;
  --soft-linen-whisper-2-5: #FAFAD2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "soft-linen-whisper-2": {
        1: "#F5F5DC",
        2: "#F8F8FF",
        3: "#DCDCDC",
        4: "#EEE8AA",
        5: "#FAFAD2",
      }
    }
  }
}

Hex values

Color 1#F5F5DC

Color 2#F8F8FF

Color 3#DCDCDC

Color 4#EEE8AA

Color 5#FAFAD2

Accessibility

Contrast checker

1:1Fail

1.2:1Fail

1.1:1Fail

1:1Fail

1.3:1Fail

1.2:1Fail

1:1Fail

1.2:1Fail

1.3:1Fail

1.1:1Fail

1.3:1Fail

1.1:1Fail

1.2:1Fail

1.1:1Fail

1.2:1Fail

1:1Fail

1.3:1Fail

1.2:1Fail

Similar palettes

More like Soft Linen Whisper

Soft Linen Whisper

See it in context.

Ready when you are.

Built with Soft Linen Whisper.

How to use Soft Linen Whisper

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Airy Base

Gentle Highlight

Soft Structure

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Soft Linen Whisper