Back to palettes

Palette

Modern Greige Living

A sophisticated blend of warm grays and muted tones, perfect for a chic and modern urban living space.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Modern Greige Living 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 Modern Greige Living.

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

Data visualization

#708090#8B8B83#A9A9A9#C0C0C0#DCDCDC

Palette guide

How to use Modern Greige Living

Overview

The Modern Greige Living palette is a sophisticated blend of warm grays and muted tones, embodying the chic and minimalist aesthetic of a contemporary urban living space. This refined collection features a cool slate gray #708090, a warm greige #8B8B83, a classic dark gray #A9A9A9, a soft silver #C0C0C0, and a light greige #DCDCDC. It's ideal for designs that aim for understated elegance, modernity, and a calming atmosphere. Perfect for interior design, luxury branding, minimalist websites, or any project where a sophisticated, timeless, and versatile neutral foundation is desired. Designers will appreciate its subtle depth.

Best used for

  • Minimalist interior design concepts
  • Luxury real estate branding
  • High-end fashion websites
  • Sophisticated corporate identities
  • Urban lifestyle blogs
  • Clean and modern UI/UX design

Suggested color roles

primary

Use #708090 as a deep, anchoring primary color for headers or foundational elements, establishing a sophisticated tone.

secondary

Employ #8B8B83 or #A9A9A9 for prominent content blocks or navigation, offering a balanced mid-tone.

accent

Subtly highlight key information or interactive elements with #C0C0C0 for a gentle, refined contrast.

background

The light #DCDCDC serves as an excellent soft background, providing a clean and inviting canvas.

text

For optimal readability, use #708090 or #8B8B83 for body text on lighter backgrounds. For text on darker elements, a crisp white or #DCDCDC works well.

Accessibility notes

  • Ensure sufficient contrast when pairing #C0C0C0 with #DCDCDC for text; use larger fonts or bolding if necessary.
  • Use #708090 or #8B8B83 for text on #DCDCDC backgrounds to meet WCAG AA contrast standards.
  • Avoid using #A9A9A9 for small text on #C0C0C0 backgrounds due to potential readability issues.
  • This palette requires careful contrast checking, especially between mid-range greys.

Recommended combinations

Urban Base

Creates a grounded, sophisticated base with a light accent, perfect for backgrounds and text.

#708090 · #8B8B83 · #DCDCDC

Silvered Accents

Provides subtle gradients and depth, ideal for layered graphics or subtle UI elements.

#C0C0C0 · #A9A9A9 · #708090

Greige Harmony

A light and airy combination with warm greige mid-tones for a soft, inviting feel.

#DCDCDC · #8B8B83 · #A9A9A9

CSS variables

:root {
  --modern-greige-living-1: #708090;
  --modern-greige-living-2: #8B8B83;
  --modern-greige-living-3: #A9A9A9;
  --modern-greige-living-4: #C0C0C0;
  --modern-greige-living-5: #DCDCDC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "modern-greige-living": {
        1: "#708090",
        2: "#8B8B83",
        3: "#A9A9A9",
        4: "#C0C0C0",
        5: "#DCDCDC",
      }
    }
  }
}

Related searches

modern greige color paletteneutral grey brown schememinimalist living colorssophisticated urban palettewarm grey interior design

Palette colors

Hex values

Color 1#708090
·
Color 2#8B8B83
·
Color 3#A9A9A9
·
Color 4#C0C0C0
·
Color 5#DCDCDC
·

Accessibility

Contrast checker

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

Similar palettes

More like Modern Greige Living

View all neutral
Urban Loft
Clean Edge
Concrete Jungle Bloom
Muted Urban Concrete
Urban Canvas Street
Urban Concrete Calm