Back to palettes

Palette

Concrete Loft Living

Clean and contemporary, inspired by modern concrete architecture and minimalist design for urban living.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Concrete Loft 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 Concrete Loft Living.

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

Data visualization

#7D7D7D#A3A3A3#C9C9C9#4D4D4D#B89A7E

Palette guide

How to use Concrete Loft Living

Overview

The "Concrete Loft Living" palette is clean and contemporary, inspired by modern concrete architecture and minimalist design for urban living. It ranges from a deep charcoal #4D4D4D to lighter grays like #7D7D7D, #A3A3A3, and #C9C9C9, introducing a warm, earthy accent #B89A7E. This collection is perfect for designers seeking a sophisticated, industrial-chic aesthetic with a touch of warmth. It excels in creating designs that convey modernity, comfort, and an uncluttered visual identity, making it ideal for interior design, real estate, or lifestyle branding that emphasizes urban elegance.

Best used for

  • Interior design for modern lofts
  • Urban real estate development marketing
  • Minimalist furniture branding
  • Lifestyle blogs focused on city living
  • Contemporary art gallery websites
  • High-end appliance or home goods e-commerce

Suggested color roles

primary

#7D7D7D - A balanced, versatile grey that serves as a strong yet understated foundation for primary content and branding.

secondary

#A3A3A3 - A lighter, clean grey, ideal for supporting information, subtle backgrounds, or secondary UI elements, offering a soft presence.

accent

#B89A7E - A warm, inviting earthy brown-beige that provides a sophisticated accent, perfect for calls to action, subtle highlights, or cozy elements.

background

#C9C9C9 - The lightest shade, offering a crisp, expansive, and highly readable background for all content, enhancing natural light.

text

#4D4D4D - This deep charcoal ensures excellent contrast for all body text against lighter backgrounds like #C9C9C9 or #A3A3A3, promoting optimal readability.

Accessibility notes

  • Ensure #4D4D4D text on #C9C9C9 or #A3A3A3 backgrounds meets WCAG AA contrast standards.
  • Avoid using #C9C9C9 for small text on #A3A3A3 as contrast will be insufficient.
  • The #B89A7E accent color should have sufficient contrast when used for text or interactive elements on grey backgrounds.
  • Lighter grays like #A3A3A3 should be used carefully for text on mid-tones like #7D7D7D to maintain readability.

Recommended combinations

Loft Base

Creates a strong, high-contrast urban foundation, ideal for website footers or structured layouts.

#4D4D4D · #7D7D7D · #C9C9C9

Warm Accent

Introduces a comforting warmth against the cool grays, perfect for calls to action or cozy design elements.

#B89A7E · #A3A3A3 · #7D7D7D

Minimal Living

Emphasizes a clean, airy aesthetic with dark text, suitable for body content and minimalist layouts.

#C9C9C9 · #A3A3A3 · #4D4D4D

CSS variables

:root {
  --concrete-loft-living-1: #7D7D7D;
  --concrete-loft-living-2: #A3A3A3;
  --concrete-loft-living-3: #C9C9C9;
  --concrete-loft-living-4: #4D4D4D;
  --concrete-loft-living-5: #B89A7E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "concrete-loft-living": {
        1: "#7D7D7D",
        2: "#A3A3A3",
        3: "#C9C9C9",
        4: "#4D4D4D",
        5: "#B89A7E",
      }
    }
  }
}

Related searches

concrete warm grey paletteindustrial chic colorsmodern minimalist livingurban loft designsophisticated neutral palette

Palette colors

Hex values

Color 1#7D7D7D
·
Color 2#A3A3A3
·
Color 3#C9C9C9
·
Color 4#4D4D4D
·
Color 5#B89A7E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.5:1Fail
2.1:1Fail
1.6:1Fail
2
1.6:1Fail
1.5:1Fail
3.4:1AA18
1:1Fail
3
2.5:1Fail
1.5:1Fail
5.1:1AA
1.6:1Fail
4
2.1:1Fail
3.4:1AA18
5.1:1AA
3.2:1AA18
5
1.6:1Fail
1:1Fail
1.6:1Fail
3.2:1AA18

Similar palettes

More like Concrete Loft Living

View all neutral
Concrete Grid Lines
Industrial Loft Concrete
Urban Loft Echo
Urban Stone Path
Bare Concrete Stillness
Brutalist Bloom Grey