Back to palettes

Palette

Suburban Loft Space

Clean and contemporary, inspired by the simple, open elegance of a modern loft apartment.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Suburban Loft Space 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 Suburban Loft Space.

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

Data visualization

#B0C4DE#A9A9A9#778899#F5F5F5#DCDCDC

Palette guide

How to use Suburban Loft Space

Overview

The Suburban Loft Space palette is a clean and contemporary collection, inspired by the simple, open elegance of a modern loft apartment. Featuring #B0C4DE (Light Steel Blue), #A9A9A9 (Dark Gray), #778899 (Light Slate Gray), #F5F5F5 (White Smoke), and #DCDCDC (Gainsboro), this palette is perfect for designers and developers aiming for a minimalist, airy, and sophisticated aesthetic. Its blend of cool neutrals and subtle blues creates a sense of spaciousness and calm, ideal for projects emphasizing modern living, understated luxury, or a clean, professional appearance. This palette offers excellent versatility for inviting digital experiences.

Best used for

  • Real estate and architectural firm websites
  • Interior design portfolios
  • Modern corporate branding
  • Lifestyle blogs and e-commerce
  • Minimalist app and web interfaces
  • High-end product showcases

Suggested color roles

primary

#778899 (Light Slate Gray): A sophisticated primary color for main headings, structural elements, or a subtle yet strong brand presence.

secondary

#A9A9A9 (Dark Gray): Ideal for body text, secondary headings, or foundational UI components, ensuring excellent readability.

accent

#B0C4DE (Light Steel Blue): Perfect for subtle decorative elements, interactive states, or to add a hint of cool color without overwhelming the neutrals.

background

#F5F5F5 (White Smoke): A clean, airy main background that provides a spacious and pristine canvas, enhancing the minimalist aesthetic.

text

#DCDCDC (Gainsboro): Suitable for very light secondary text or decorative elements. For main body text, #A9A9A9 or #778899 is highly recommended for optimal readability.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using #DCDCDC on #F5F5F5; it will not meet WCAG AA standards.
  • The darker grays (#A9A9A9, #778899) provide excellent contrast on #F5F5F5 and should be used for all critical text and interactive elements.
  • Avoid using #B0C4DE for small body text, as its lightness can reduce readability against lighter backgrounds.
  • Always verify color contrast for all text and interactive elements to ensure accessibility and a comfortable user experience.

Recommended combinations

Loft Foundation

A clean and airy base for main content areas, creating a spacious and modern aesthetic.

#F5F5F5 · #DCDCDC · #778899

Modern Neutral

Offers a subtle blend of cool and neutral tones, perfect for supporting sections, card backgrounds, or secondary navigation.

#A9A9A9 · #B0C4DE · #F5F5F5

Elegant Subtle

A sophisticated combination for headings, key information, or designs that require understated elegance and clarity.

#778899 · #DCDCDC · #A9A9A9

CSS variables

:root {
  --suburban-loft-space-1: #B0C4DE;
  --suburban-loft-space-2: #A9A9A9;
  --suburban-loft-space-3: #778899;
  --suburban-loft-space-4: #F5F5F5;
  --suburban-loft-space-5: #DCDCDC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "suburban-loft-space": {
        1: "#B0C4DE",
        2: "#A9A9A9",
        3: "#778899",
        4: "#F5F5F5",
        5: "#DCDCDC",
      }
    }
  }
}

Related searches

modern neutral paletteloft interior colorsclean minimalist designsuburban aestheticsubtle grey blue scheme

Palette colors

Hex values

Color 1#B0C4DE
·
Color 2#A9A9A9
·
Color 3#778899
·
Color 4#F5F5F5
·
Color 5#DCDCDC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2:1Fail
1.6:1Fail
1.3:1Fail
2
1.3:1Fail
1.5:1Fail
2.2:1Fail
1.7:1Fail
3
2:1Fail
1.5:1Fail
3.3:1AA18
2.7:1Fail
4
1.6:1Fail
2.2:1Fail
3.3:1AA18
1.3:1Fail
5
1.3:1Fail
1.7:1Fail
2.7:1Fail
1.3:1Fail

Similar palettes

More like Suburban Loft Space

View all neutral
Charcoal Smolder
City Concrete Grind
Concrete Bloom Resilient
Concrete Garden Grey
Concrete Grid Lines
Concrete Jungle Bloom