Palette

Soft Linen Fold

Gentle and calming, like the subtle, natural tones of fresh, delicately folded linen.

neutralminimal5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F5F5DC#EDECE4#D6D6CC#B3B3A3#8C8C7F

Palette guide

How to use Soft Linen Fold

Overview

The Soft Linen Fold palette is gentle and calming, like the subtle, natural tones of fresh, delicately folded linen. Ranging from the soft #F5F5DC to the grounding #8C8C7F, with balanced mid-tones like #D6D6CC, this collection is perfect for designers and developers seeking a minimalist, cozy, and fabric-inspired aesthetic. Its understated elegance conveys comfort, authenticity, and a refined sense of style. The nuanced beige and greige hues ensure versatility for projects from boutique hotels to handmade goods, providing a warm and inviting feel that is both sophisticated and approachable across digital and print applications.

Best used for

Boutique hotel and accommodation websites
Handmade goods and artisan product branding
Wellness centers and spa experiences
Cozy cafe and restaurant branding
Elegant print materials and stationery
Minimalist and inviting user interfaces

Suggested color roles

primary

Use #F5F5DC as the foundational background for a warm, light, and inviting canvas.

secondary

Apply #EDECE4 for subtle content sections, card backgrounds, or secondary information, adding gentle texture.

accent

Employ #8C8C7F as a deeper, grounding accent for primary calls to action, headlines, or key icons, providing strong emphasis.

background

The lightest shade, #F5F5DC, is excellent for primary backgrounds, evoking an organic and serene atmosphere.

text

For optimal readability, use #8C8C7F for body text and headings on lighter backgrounds like #F5F5DC.

Accessibility notes

Crucially ensure high contrast for text, especially when using lighter shades from the palette.
Utilize #8C8C7F for primary text on #F5F5DC to meet WCAG contrast guidelines for legibility.
Avoid using #EDECE4 and #D6D6CC for adjacent interactive elements without clear visual differentiation.
Consider a darker brown or black for very small text to ensure it remains readable across all backgrounds.

Recommended combinations

Cozy Light

Creates a gentle, soft blend, ideal for main content areas, subtle background layers, or card elements.

#F5F5DC · #EDECE4 · #D6D6CC

Linen Depth

Adds grounded contrast and hierarchy, excellent for headlines, calls to action, or important visual elements.

#F5F5DC · #B3B3A3 · #8C8C7F

Fabric Tones

Harmonious mid-range tones for creating balanced sections, detailed components, or subtle data visualizations.

#EDECE4 · #D6D6CC · #B3B3A3

CSS variables

:root {
  --soft-linen-fold-1: #F5F5DC;
  --soft-linen-fold-2: #EDECE4;
  --soft-linen-fold-3: #D6D6CC;
  --soft-linen-fold-4: #B3B3A3;
  --soft-linen-fold-5: #8C8C7F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "soft-linen-fold": {
        1: "#F5F5DC",
        2: "#EDECE4",
        3: "#D6D6CC",
        4: "#B3B3A3",
        5: "#8C8C7F",
      }
    }
  }
}

Hex values

Color 1#F5F5DC

Color 2#EDECE4

Color 3#D6D6CC

Color 4#B3B3A3

Color 5#8C8C7F

Accessibility

Contrast checker

1.1:1Fail

1.3:1Fail

1.9:1Fail

3.1:1AA18

1.1:1Fail

1.2:1Fail

1.8:1Fail

2.9:1Fail

1.3:1Fail

1.2:1Fail

1.5:1Fail

2.3:1Fail

1.9:1Fail

1.8:1Fail

1.5:1Fail

1.6:1Fail

3.1:1AA18

2.9:1Fail

2.3:1Fail

1.6:1Fail

Similar palettes

More like Soft Linen Fold