Back to palettes

Palette

Soft Linen Whisper

Captures the gentle, understated elegance of soft linen fabrics, creating a serene and airy feel.

pastelcalm5 colors
More pastel 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#F0EAD6#E0D7C6#CDC9C3#BDB9B4

Palette guide

How to use Soft Linen Whisper

Overview

The Soft Linen Whisper palette offers a refined collection of gentle, muted tones, evoking the understated elegance of natural linen fabrics. With shades ranging from the warm #F5F5DC to the earthy #E0D7C6 and the deeper #BDB9B4, this palette is ideal for creating serene and sophisticated digital environments. Designers can leverage these hex codes for minimalist interfaces, organic branding, or as a comforting backdrop that exudes calm. Developers will find these harmonious colors excellent for building consistent, soft UI components that maintain a sense of warmth and natural texture. This palette is particularly effective for projects aiming for an airy, timeless, and subtly luxurious feel.

Best used for

  • Premium organic product branding
  • High-end home goods e-commerce
  • Editorial design for lifestyle blogs
  • Spa and wellness app interfaces
  • Minimalist portfolio websites
  • Wedding or event planning branding

Suggested color roles

primary

Use #F5F5DC as a primary background color for a warm, inviting, and spacious feel.

secondary

Apply #E0D7C6 for content blocks, card backgrounds, or subtle dividers to add gentle structure.

accent

Utilize #CDC9C3 for soft highlights, secondary buttons, or to introduce a slightly cooler accent without losing harmony.

background

Employ #F5F5DC or #F0EAD6 for main backgrounds to create an open, natural, and comforting ambiance.

text

For body text, #BDB9B4 offers a soft, readable option against lighter palette colors; for higher contrast, use a dark charcoal.

Accessibility notes

  • Ensure sufficient contrast when pairing #E0D7C6 with #CDC9C3 for text; test against WCAG standards.
  • #BDB9B4 offers reasonable contrast on #F5F5DC for body text, but verify readability for smaller font sizes.
  • Avoid using lighter shades like #F5F5DC for small text on similarly light backgrounds to prevent readability issues.
  • For critical interactive elements, consider using #BDB9B4 or a darker color outside the palette to ensure visibility.

Recommended combinations

Natural Flow

Ideal for creating seamless transitions in backgrounds or layered content, mimicking natural fabric folds.

#F5F5DC · #F0EAD6 · #E0D7C6

Subtle Structure

Provides gentle visual hierarchy for UI elements, perfect for card backgrounds, borders, and subtle text.

#F5F5DC · #CDC9C3 · #BDB9B4

Warm Earth

Excellent for evoking an earthy, grounded feel, suitable for content sections or warmer background elements.

#F0EAD6 · #E0D7C6 · #CDC9C3

CSS variables

:root {
  --soft-linen-whisper-1: #F5F5DC;
  --soft-linen-whisper-2: #F0EAD6;
  --soft-linen-whisper-3: #E0D7C6;
  --soft-linen-whisper-4: #CDC9C3;
  --soft-linen-whisper-5: #BDB9B4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "soft-linen-whisper": {
        1: "#F5F5DC",
        2: "#F0EAD6",
        3: "#E0D7C6",
        4: "#CDC9C3",
        5: "#BDB9B4",
      }
    }
  }
}

Related searches

natural pastel color schemeairy earth tones palettesoft beige web designminimalist fabric colorscalm serene palette

Palette colors

Hex values

Color 1#F5F5DC
·
Color 2#F0EAD6
·
Color 3#E0D7C6
·
Color 4#CDC9C3
·
Color 5#BDB9B4
·

Accessibility

Contrast checker

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

Similar palettes

More like Soft Linen Whisper

View all pastel
Pastel Cloud Dream
Porcelain Bloom Serene
Blushing Petal Softness
Blushing Rose Dew
Cloud Blossom Breeze
Cloud Dream Whisper