Back to palettes

Palette

Linen Field Whisper

A serene collection of understated neutrals, inspired by natural fibers and quiet elegance.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F5F5F0#E0E0DB#C7C7C2#A8A8A3#8D8D88

Palette guide

How to use Linen Field Whisper

Overview

The 'Linen Field Whisper' palette offers a serene collection of understated neutrals, inspired by natural fibers and quiet elegance. With its very light beige-grey #F5F5F0, soft muted grey #E0E0DB, balanced medium grey #C7C7C2, grounding mid-dark grey #A8A8A3, and deep charcoal-like #8D8D88, this palette is perfect for creating organic, calm, and sophisticated designs. Designers can leverage these shades to evoke a sense of natural texture and warmth, while developers will find them invaluable for building clean, harmonious interfaces that prioritize readability and a gentle aesthetic across web and mobile platforms.

Best used for

  • Organic food brand websites
  • Handicraft or artisanal product displays
  • Eco-conscious lifestyle blogs
  • Spa or wellness center branding
  • Minimalist e-commerce platforms
  • Documentary film titles or credits

Suggested color roles

primary

#F5F5F0 - A very subtle, warm off-white, excellent as a primary background for a soft, inviting canvas that feels natural.

secondary

#E0E0DB - A gentle, light grey with a warm undertone, perfect for subtle borders, card backgrounds, or inactive UI elements to add depth.

accent

#8D8D88 - A deep, earthy charcoal, highly effective for calls-to-action, important icons, or key graphical elements that require a strong, grounded presence.

background

#C7C7C2 - A balanced medium grey, serving as a versatile backdrop for content, offering a soft contrast for darker text or elements.

text

#A8A8A3 - A mid-dark grey, suitable for secondary text, captions, or subtle headings. For primary body text, consider a darker shade like black or a very dark charcoal for optimal readability.

Accessibility notes

  • Ensure sufficient contrast when pairing lighter colors like #F5F5F0 or #E0E0DB with text; darker text is essential.
  • #A8A8A3 on #C7C7C2 may require careful testing for small text; larger text will perform better.
  • Always use #8D8D88 for crucial text on light backgrounds to meet WCAG contrast standards.
  • Avoid using #E0E0DB as text on #F5F5F0 backgrounds due to extremely low contrast.

Recommended combinations

Natural Base

Creates a soft, organic foundation for backgrounds and subtle layering.

#F5F5F0 · #E0E0DB · #C7C7C2

Grounded Readability

Excellent for establishing content hierarchy, main text, and important UI elements.

#C7C7C2 · #A8A8A3 · #8D8D88

Deep Contrast

Provides strong, yet gentle, contrast for headings, calls-to-action, and primary content.

#F5F5F0 · #8D8D88 · #A8A8A3

CSS variables

:root {
  --linen-field-whisper-1: #F5F5F0;
  --linen-field-whisper-2: #E0E0DB;
  --linen-field-whisper-3: #C7C7C2;
  --linen-field-whisper-4: #A8A8A3;
  --linen-field-whisper-5: #8D8D88;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "linen-field-whisper": {
        1: "#F5F5F0",
        2: "#E0E0DB",
        3: "#C7C7C2",
        4: "#A8A8A3",
        5: "#8D8D88",
      }
    }
  }
}

Related searches

organic neutral color schemeearthy grey palettecalm natural ui colorsminimalist warm greylinen inspired web design

Palette colors

Hex values

Color 1#F5F5F0
·
Color 2#E0E0DB
·
Color 3#C7C7C2
·
Color 4#A8A8A3
·
Color 5#8D8D88
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.6:1Fail
2.2:1Fail
3:1AA18
2
1.2:1Fail
1.3:1Fail
1.8:1Fail
2.5:1Fail
3
1.6:1Fail
1.3:1Fail
1.4:1Fail
2:1Fail
4
2.2:1Fail
1.8:1Fail
1.4:1Fail
1.4:1Fail
5
3:1AA18
2.5:1Fail
2:1Fail
1.4:1Fail

Similar palettes

More like Linen Field Whisper

View all neutral
Calm Interior Lines
Cloudy Cobblestone Lane
Earthy Clay Stillness
Nordic Calm Retreat
Riverbed Smooth Stone
Soft Greige Weave