Back to palettes

Palette

Soft Greige Weave

Gentle, muted tones inspired by the subtle textures and quiet elegance of a soft greige linen weave.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Soft Greige Weave 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 Greige Weave.

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

Data visualization

#D8D7D3#C4C3C0#B0B0AC#9C9C98#888884

Palette guide

How to use Soft Greige Weave

Overview

The Soft Greige Weave palette captures the gentle, muted tones inspired by the subtle textures and quiet elegance of soft greige linen. Progressing from the light #D8D7D3 to the deeper #888884, with harmonious mid-tones like #B0B0AC, this collection is ideal for designers and developers seeking a minimalist, natural, and calming aesthetic. Its understated sophistication makes it perfect for conveying comfort, authenticity, and a refined sense of style. The palette's earthiness ensures versatility for projects ranging from interior design showcases to sustainable brand identities, providing a warm and inviting feel without being overtly colorful.

Best used for

  • Interior design portfolios
  • Fashion and lifestyle blogs
  • Sustainable product branding
  • Editorial and print design
  • Calm user interfaces
  • Artisan craft websites

Suggested color roles

primary

Use #D8D7D3 as the main background for a natural, light, and inviting canvas.

secondary

Apply #C4C3C0 for subtle content sections, borders, or secondary information, offering gentle variation.

accent

Employ #888884 as a deeper accent for important headings, buttons, or key visual elements, providing grounding.

background

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

text

For optimal readability, use #888884 for body text and headings on lighter backgrounds like #D8D7D3.

Accessibility notes

  • Crucially ensure high contrast for text, especially when using lighter shades from the palette.
  • Utilize #888884 for primary text on #D8D7D3 to meet WCAG contrast guidelines for legibility.
  • Avoid using #C4C3C0 and #B0B0AC for adjacent interactive elements without clear visual differentiation.
  • Consider a darker charcoal or black for very small text to ensure it remains readable across all backgrounds.

Recommended combinations

Linen Base

Creates a light, natural, and textured feel, suitable for main content areas and subtle background layers.

#D8D7D3 · #C4C3C0 · #B0B0AC

Subtle Depth

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

#D8D7D3 · #9C9C98 · #888884

Weave Tones

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

#C4C3C0 · #B0B0AC · #9C9C98

CSS variables

:root {
  --soft-greige-weave-1: #D8D7D3;
  --soft-greige-weave-2: #C4C3C0;
  --soft-greige-weave-3: #B0B0AC;
  --soft-greige-weave-4: #9C9C98;
  --soft-greige-weave-5: #888884;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "soft-greige-weave": {
        1: "#D8D7D3",
        2: "#C4C3C0",
        3: "#B0B0AC",
        4: "#9C9C98",
        5: "#888884",
      }
    }
  }
}

Related searches

greige interior palettenatural linen colorsmuted neutral schememinimalist earth tonescalm fabric hues

Palette colors

Hex values

Color 1#D8D7D3
·
Color 2#C4C3C0
·
Color 3#B0B0AC
·
Color 4#9C9C98
·
Color 5#888884
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
1.9:1Fail
2.5:1Fail
2
1.2:1Fail
1.2:1Fail
1.6:1Fail
2:1Fail
3
1.5:1Fail
1.2:1Fail
1.3:1Fail
1.6:1Fail
4
1.9:1Fail
1.6:1Fail
1.3:1Fail
1.3:1Fail
5
2.5:1Fail
2:1Fail
1.6:1Fail
1.3:1Fail

Similar palettes

More like Soft Greige Weave

View all neutral
Greige Linen Comfort
Linen Field Whisper
Seaside Linen
Soft Linen Wash
Calm Interior Lines
Calm Stone Pathway