Back to palettes

Palette

Linen Weave Comfort

A soothing, breathable collection of warm off-whites and light grays, like comfortable, woven linen.

neutralcalm5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Linen Weave Comfort 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 Weave Comfort.

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

Data visualization

#F8F8F8#E0E0E0#C8C8C8#B0B0B0#989898

Palette guide

How to use Linen Weave Comfort

Overview

The 'Linen Weave Comfort' palette offers a soothing collection of warm off-whites and light grays, reminiscent of comfortable, woven linen. Featuring a soft near-white #F8F8F8, a gentle light grey #E0E0E0, a balanced mid-light grey #C8C8C8, a solid mid-grey #B0B0B0, and a grounding dark grey #989898, this palette is perfect for creating inviting, cozy, and highly legible designs. Designers can leverage these shades to evoke a sense of warmth and natural texture, while developers will find them ideal for building user-friendly interfaces that prioritize comfort and a refined, approachable aesthetic across web and mobile platforms.

Best used for

  • Home decor e-commerce sites
  • Lifestyle and comfort-focused blogs
  • Hospitality industry branding
  • Relaxation or mindfulness apps
  • Textile or fabric design showcases
  • Editorial content with a soft touch

Suggested color roles

primary

#F8F8F8 - A very soft, warm off-white, excellent as a primary background, offering a gentle and inviting canvas for all content.

secondary

#E0E0E0 - A subtle light grey, perfect for section dividers, card backgrounds, or subtle UI elements to add gentle visual separation.

accent

#989898 - A solid, darker grey, highly effective for calls-to-action, important icons, or key graphical elements that need a clear, comforting anchor.

background

#C8C8C8 - A versatile mid-light grey, suitable for secondary content areas or as a base for interactive elements, providing a soft contrast.

text

#B0B0B0 - A mid-tone grey, useful for secondary text, captions, or placeholder text. For primary body text, a darker grey or charcoal is recommended for optimal readability.

Accessibility notes

  • Ensure sufficient contrast when using #F8F8F8 or #E0E0E0 for backgrounds; text should be significantly darker (e.g., #989898 or black).
  • #B0B0B0 on #C8C8C8 may have insufficient contrast for small text; larger text or bolder weights might be needed.
  • Always use #989898 or darker for critical text elements to meet WCAG contrast guidelines.
  • Avoid using #E0E0E0 as text on #F8F8F8 as the contrast is too low for readability.

Recommended combinations

Soft Canvas

Creates a very gentle, spacious base for backgrounds, headers, and subtle UI elements.

#F8F8F8 · #E0E0E0 · #C8C8C8

Comforting Clarity

Ideal for establishing content hierarchy, main text, and interactive components with good contrast.

#C8C8C8 · #B0B0B0 · #989898

Warm Anchor

Provides strong readability for primary text and calls-to-action on a soft, inviting canvas.

#F8F8F8 · #989898 · #B0B0B0

CSS variables

:root {
  --linen-weave-comfort-1: #F8F8F8;
  --linen-weave-comfort-2: #E0E0E0;
  --linen-weave-comfort-3: #C8C8C8;
  --linen-weave-comfort-4: #B0B0B0;
  --linen-weave-comfort-5: #989898;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "linen-weave-comfort": {
        1: "#F8F8F8",
        2: "#E0E0E0",
        3: "#C8C8C8",
        4: "#B0B0B0",
        5: "#989898",
      }
    }
  }
}

Related searches

warm grey color schemecozy neutral palettelinen texture colorssoft grey web designcomfortable ui palette

Palette colors

Hex values

Color 1#F8F8F8
·
Color 2#E0E0E0
·
Color 3#C8C8C8
·
Color 4#B0B0B0
·
Color 5#989898
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.6:1Fail
2:1Fail
2.7:1Fail
2
1.2:1Fail
1.3:1Fail
1.6:1Fail
2.2: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.7:1Fail
2.2:1Fail
1.7:1Fail
1.3:1Fail

Similar palettes

More like Linen Weave Comfort

View all neutral
Linen Cloud Calm
Whispering Linen Drape
Coastal Cliffs
Coastal Driftwood Grey
Coastal Fog Drift
Coastal Stone Pebble