Palette

Woven Linen Comfort

A series of gentle, warm grays and off-whites evoke the simple, comforting texture of woven linen.

neutralminimal5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E0DED7#C2C1BD#A5A4A0#888784#6A6967

Palette guide

How to use Woven Linen Comfort

Overview

The "Woven Linen Comfort" palette is a sophisticated collection of gentle, warm grays and off-whites, perfect for creating minimalist and serene designs. Ranging from the almost-white #E0DED7 to the deeper, grounding #6A6967, this palette evokes the subtle textures and comforting feel of woven linen. Mid-tones like #C2C1BD and #A5A4A0 provide versatile options for layering and depth, while #888784 offers a solid anchor. This refined neutral set is excellent for projects that prioritize clean lines, understated elegance, and a tranquil user experience, suitable for both digital and print applications.

Best used for

Minimalist web interfaces
High-end fashion branding
Luxury home decor brochures
Clean editorial designs
Corporate identity for wellness brands
Modern portfolio websites

Suggested color roles

primary

#A5A4A0 - A balanced mid-gray that can serve as a primary background or a dominant element color, offering subtle sophistication.

secondary

#C2C1BD - A lighter gray, excellent for secondary content areas, card backgrounds, or subtle UI divisions, maintaining a soft aesthetic.

accent

#6A6967 - The darkest shade, ideal for impactful buttons, navigation elements, or a strong footer, providing necessary contrast.

background

#E0DED7 - A very light, warm off-white, perfect for a clean, breathable canvas that highlights content without being stark.

text

#888784 - A dark enough gray for readable body text against #E0DED7 or #C2C1BD, offering a softer alternative to pure black.

Accessibility notes

Ensure #6A6967 has sufficient contrast for text on #E0DED7 and #C2C1BD.
#888784 should be tested for readability on #E0DED7, especially for small text.
Avoid using #C2C1BD or #A5A4A0 for text on #E0DED7 due to low contrast.
Use a robust contrast checker for all text and interactive elements to meet WCAG standards.

Recommended combinations

Soft Contrast

Creates a clean, modern look for headings and body text against a light background, providing excellent readability.

#E0DED7 · #A5A4A0 · #6A6967

Layered Neutrals

Perfect for UI elements like cards, modal backgrounds, or subtle borders to add depth without introducing strong colors.

#C2C1BD · #888784 · #6A6967

Minimal Base

Use for a monochromatic, serene background and secondary element treatment, ideal for a minimalist aesthetic.

#E0DED7 · #C2C1BD · #A5A4A0

CSS variables

:root {
  --woven-linen-comfort-1: #E0DED7;
  --woven-linen-comfort-2: #C2C1BD;
  --woven-linen-comfort-3: #A5A4A0;
  --woven-linen-comfort-4: #888784;
  --woven-linen-comfort-5: #6A6967;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "woven-linen-comfort": {
        1: "#E0DED7",
        2: "#C2C1BD",
        3: "#A5A4A0",
        4: "#888784",
        5: "#6A6967",
      }
    }
  }
}

Hex values

Color 1#E0DED7

Color 2#C2C1BD

Color 3#A5A4A0

Color 4#888784

Color 5#6A6967

Accessibility

Contrast checker

1.3:1Fail

1.9:1Fail

2.7:1Fail

4.1:1AA18

1.3:1Fail

1.4:1Fail

2:1Fail

3:1AA18

1.9:1Fail

1.4:1Fail

2.2:1Fail

2.7:1Fail

2:1Fail

1.4:1Fail

1.5:1Fail

4.1:1AA18

3:1AA18

2.2:1Fail

1.5:1Fail

Similar palettes

More like Woven Linen Comfort

Woven Linen Comfort

See it in context.

Ready when you are.

Built with Woven Linen Comfort.

How to use Woven Linen Comfort

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Soft Contrast

Layered Neutrals

Minimal Base

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Woven Linen Comfort