Back to palettes

Palette

Urban Loft Geometry

A sleek, contemporary palette inspired by concrete architecture and modern minimalist design aesthetics.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Urban Loft Geometry 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 Urban Loft Geometry.

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

Data visualization

#2C3E50#7F8C8D#BCCDCF#E0E4E7#F5F5F5

Palette guide

How to use Urban Loft Geometry

Overview

The Urban Loft Geometry palette offers a sleek, contemporary collection of grays and blues, perfectly embodying modern minimalist design and concrete architecture. With deep anchor tones like #2C3E50, sophisticated mid-tones such as #7F8C8D, and bright, airy shades like #E0E4E7 and #F5F5F5, this palette creates a sense of understated elegance and quiet strength. It's ideal for projects aiming for a clean, structured, and sophisticated aesthetic, where subtle color variations define depth and form. Utilize #BCCDCF for gentle highlights, maintaining a cohesive, modern feel.

Best used for

  • Architectural portfolios
  • Minimalist branding
  • Tech interfaces
  • Modern art galleries
  • High-end corporate reports
  • Interior design websites

Suggested color roles

primary

#2C3E50 serves as a deep, anchoring color for headings, navigation, and strong brand elements, providing excellent contrast.

secondary

#7F8C8D is ideal for subheadings, secondary information, and UI components, offering a softer yet sophisticated presence.

accent

#BCCDCF works as a subtle accent for interactive states, dividers, or delicate graphic elements, adding a touch of lightness.

background

#F5F5F5 provides a clean, expansive, and bright base for content, enhancing readability and a minimalist feel.

text

For main body text, use #2C3E50 on light backgrounds like #F5F5F5 or #E0E4E7 to ensure optimal readability and a polished look.

Accessibility notes

  • Ensure #2C3E50 text has sufficient contrast against #E0E4E7 or #F5F5F5 for all content.
  • Use #7F8C8D for secondary text only on very light backgrounds, verifying readability for smaller font sizes.
  • #BCCDCF is too light for text; reserve it for UI elements, borders, or large decorative areas.
  • Avoid placing light colors like #BCCDCF on #E0E4E7 or #F5F5F5 for any critical information or interactive elements.

Recommended combinations

Corporate Modern

Creates a strong, clean, and professional look, suitable for corporate branding or reports.

#2C3E50 · #F5F5F5 · #BCCDCF

Subtle Depth

Offers a sophisticated and harmonious blend, perfect for background layers and subtle UI accents.

#7F8C8D · #E0E4E7 · #2C3E50

Architectural Lines

Emphasizes structure and clean lines, ideal for design portfolios or minimalist interfaces.

#2C3E50 · #BCCDCF · #7F8C8D

CSS variables

:root {
  --urban-loft-geometry-1: #2C3E50;
  --urban-loft-geometry-2: #7F8C8D;
  --urban-loft-geometry-3: #BCCDCF;
  --urban-loft-geometry-4: #E0E4E7;
  --urban-loft-geometry-5: #F5F5F5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "urban-loft-geometry": {
        1: "#2C3E50",
        2: "#7F8C8D",
        3: "#BCCDCF",
        4: "#E0E4E7",
        5: "#F5F5F5",
      }
    }
  }
}

Related searches

modern grey paletteminimalist color schemeconcrete inspired colorsneutral branding palettearchitectural design colors

Palette colors

Hex values

Color 1#2C3E50
·
Color 2#7F8C8D
·
Color 3#BCCDCF
·
Color 4#E0E4E7
·
Color 5#F5F5F5
·

Accessibility

Contrast checker

1
2
3
4
5
1
3.2:1AA18
6.7:1AA
8.6:1AAA
10.1:1AAA
2
3.2:1AA18
2.1:1Fail
2.7:1Fail
3.2:1AA18
3
6.7:1AA
2.1:1Fail
1.3:1Fail
1.5:1Fail
4
8.6:1AAA
2.7:1Fail
1.3:1Fail
1.2:1Fail
5
10.1:1AAA
3.2:1AA18
1.5:1Fail
1.2:1Fail

Similar palettes

More like Urban Loft Geometry

View all neutral
Urban Loft Serene
Concrete Garden Grey
Metro Grid Serene
Minimalist Stone Carve
Steel Frame Grit
Urban Canvas Grey