Palette

Soft Linen Dream

A subtle, muted collection of natural tones reminiscent of soft, woven fabrics.

neutralminimal5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E6E1D4#CEC6B0#B1A793#8D826F#6A5B4C

Palette guide

How to use Soft Linen Dream

Overview

The Soft Linen Dream palette is a subtle, muted collection of natural tones reminiscent of soft, woven fabrics. Ranging from the light and warm #E6E1D4 to the deep #6A5B4C, with earthy mid-tones like #B1A793, this palette is ideal for designers and developers seeking a minimalist, organic, and serene aesthetic. Its understated elegance conveys authenticity, comfort, and a grounded sense of style. The rich yet muted earth tones ensure versatility for projects from sustainable branding to artisan craft showcases, providing a warm and inviting feel that is both sophisticated and approachable.

Best used for

Artisan craft and handmade goods websites
Sustainable and eco-friendly brands
Natural food packaging design
Rustic interior design inspirations
Editorial content and publishing
Earthy, minimalist user interfaces

Suggested color roles

primary

Use #E6E1D4 as the foundational background for a warm, light, and organic canvas.

secondary

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

accent

Employ #6A5B4C as a deep, grounding accent for primary calls to action, headlines, or key icons, providing strong emphasis.

background

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

text

For optimal readability, use #6A5B4C for body text and headings on lighter backgrounds like #E6E1D4.

Accessibility notes

Ensure strong contrast for text; #6A5B4C on #E6E1D4 offers good readability for body copy.
Avoid using shades like #CEC6B0 or #B1A793 for critical text on #E6E1D4 due to insufficient contrast.
Differentiate interactive elements clearly with sufficient contrast or visual cues like borders/shadows.
For smaller text, always opt for the darkest shades on the lightest backgrounds to maintain legibility.

Recommended combinations

Earthy Base

Creates a light, natural, and inviting foundation, suitable for main content areas and subtle background layers.

#E6E1D4 · #CEC6B0 · #B1A793

Deep Linen

Adds depth and warmth, excellent for headlines, calls to action, or important visual elements, providing strong contrast.

#E6E1D4 · #8D826F · #6A5B4C

Balanced Neutrals

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

#CEC6B0 · #B1A793 · #8D826F

CSS variables

:root {
  --soft-linen-dream-1: #E6E1D4;
  --soft-linen-dream-2: #CEC6B0;
  --soft-linen-dream-3: #B1A793;
  --soft-linen-dream-4: #8D826F;
  --soft-linen-dream-5: #6A5B4C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "soft-linen-dream": {
        1: "#E6E1D4",
        2: "#CEC6B0",
        3: "#B1A793",
        4: "#8D826F",
        5: "#6A5B4C",
      }
    }
  }
}

Hex values

Color 1#E6E1D4

Color 2#CEC6B0

Color 3#B1A793

Color 4#8D826F

Color 5#6A5B4C

Accessibility

Contrast checker

1.3:1Fail

1.8:1Fail

2.9:1Fail

5:1AA

1.3:1Fail

1.4:1Fail

2.2:1Fail

3.8:1AA18

1.8:1Fail

1.4:1Fail

1.6:1Fail

2.7:1Fail

2.9:1Fail

2.2:1Fail

1.6:1Fail

1.7:1Fail

5:1AA

3.8:1AA18

2.7:1Fail

1.7:1Fail

Similar palettes

More like Soft Linen Dream

View all neutral

Natural Linen Texture

Woven Willow

Abstract Sandstone Art

Agave Succulent Dew

Ancient Papyrus Parchment

Arctic Shore Pebble