Palette

Greige Linen Comfort

A soothing blend of warm grays and subtle beiges, offering the quiet comfort of soft, natural linen.

neutralminimal5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#7B7C7D#979899#B5B6B7#5A5B5C#A5A6A7

Palette guide

How to use Greige Linen Comfort

Overview

The Greige Linen Comfort palette delivers a sophisticated blend of warm grays and subtle beiges, evoking the quiet luxury and natural texture of soft linen. This neutral collection, featuring shades like the grounding #5A5B5C, the versatile #7B7C7D, and the airy #B5B6B7, is perfect for designs that prioritize minimalism, elegance, and a sense of understated comfort. Designers and developers will find these greige tones incredibly versatile for creating refined user interfaces, sophisticated branding, and serene interior design concepts. It's an excellent choice for projects seeking a timeless, clean, and inviting aesthetic across various digital and print applications, enhancing readability and visual harmony.

Best used for

Minimalist fashion brands
Home decor websites
Luxury textile branding
Sophisticated app interfaces
Interior design portfolios
Serene editorial layouts

Suggested color roles

primary

Use #5A5B5C as a deep, foundational primary for headers, important text, or strong brand elements.

secondary

Apply #7B7C7D for subheadings, secondary buttons, or larger content blocks, offering a versatile mid-greige.

accent

Employ #A5A6A7 as a subtle highlight for interactive elements, delicate details, or soft visual cues.

background

Utilize #B5B6B7 for light, clean main content backgrounds, or #979899 for a slightly richer, comforting canvas.

text

For optimal contrast, use black, dark charcoal, or #5A5B5C for text on lighter backgrounds.

Accessibility notes

Ensure #5A5B5C text on #B5B6B7 backgrounds meets WCAG AA contrast for readability.
Avoid using #B5B6B7 for small text, especially on similar light backgrounds, due to low contrast.
When using mid-tones like #A5A6A7 for text, ensure the background provides sufficient differentiation.
Always test color pairs with accessibility tools to ensure all users can easily read content.

Recommended combinations

Linen Base

Creates a clean, inviting background with strong, readable text and balanced mid-tone accents.

#B5B6B7 · #7B7C7D · #5A5B5C

Soft Layers

Ideal for subtle layering, background patterns, or elements requiring a soft, continuous transition.

#979899 · #A5A6A7 · #7B7C7D

Tailored Greige

Perfect for sophisticated interfaces where dark elements need to stand out against lighter, neutral supports.

#5A5B5C · #979899 · #A5A6A7

CSS variables

:root {
  --greige-linen-comfort-1: #7B7C7D;
  --greige-linen-comfort-2: #979899;
  --greige-linen-comfort-3: #B5B6B7;
  --greige-linen-comfort-4: #5A5B5C;
  --greige-linen-comfort-5: #A5A6A7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "greige-linen-comfort": {
        1: "#7B7C7D",
        2: "#979899",
        3: "#B5B6B7",
        4: "#5A5B5C",
        5: "#A5A6A7",
      }
    }
  }
}

Hex values

Color 1#7B7C7D

Color 2#979899

Color 3#B5B6B7

Color 4#5A5B5C

Color 5#A5A6A7

Accessibility

Contrast checker

1.4:1Fail

2.1:1Fail

1.6:1Fail

1.7:1Fail

1.4:1Fail

2.4:1Fail

1.2:1Fail

2.1:1Fail

1.4:1Fail

3.4:1AA18

1.2:1Fail

1.6:1Fail

2.4:1Fail

3.4:1AA18

2.8:1Fail

1.7:1Fail

1.2:1Fail

2.8:1Fail

Similar palettes

More like Greige Linen Comfort

Greige Linen Comfort

See it in context.

Ready when you are.

Built with Greige Linen Comfort.

How to use Greige Linen Comfort

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Linen Base

Soft Layers

Tailored Greige

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Greige Linen Comfort