Back to palettes

Palette

Urban Loft Dawn

The subtle shift of morning light filtering into a minimalist urban living space, clean and tranquil.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6C7B8B#D0D5DB#AAB9C6#2F3C48#C7B299

Palette guide

How to use Urban Loft Dawn

Overview

The Urban Loft Dawn palette beautifully captures the subtle shift of morning light in a minimalist urban space, offering a clean and tranquil aesthetic. This neutral palette features a sophisticated blend of cool grays and an unexpected warm accent. Anchored by the deep #2F3C48, it transitions through versatile grays like #6C7B8B and #AAB9C6, culminating in the soft, luminous #D0D5DB. The unique inclusion of #C7B299 adds a touch of warmth, like a gentle sunrise glow. Ideal for designers and developers seeking a serene, modern, and subtly inviting atmosphere, this palette promotes calm sophistication.

Best used for

  • Zen-inspired interior design
  • Minimalist app and web design
  • Tranquil brand identities for wellness
  • Architectural renders with natural light
  • Luxury homeware branding
  • Editorial layouts with a calm, inviting mood

Suggested color roles

primary

Use #2F3C48 as a deep, almost black-blue-gray, ideal for strong foundational elements, headers, or sophisticated dark backgrounds.

secondary

Apply #6C7B8B as a medium cool gray, suitable for subheadings, secondary UI components, or darker elements.

accent

Deploy #C7B299 as a warm, muted beige-brown, providing a soft, inviting accent, like a sunrise glow or natural wood texture.

background

Utilize #D0D5DB as a very light, cool gray, offering a clean, airy, and tranquil canvas that enhances content.

text

For dark backgrounds, use white or #D0D5DB. For light backgrounds, use a dark charcoal like #2F3C48 or black for optimal contrast.

Accessibility notes

  • Ensure #AAB9C6 text has sufficient contrast against backgrounds like #D0D5DB (check WCAG AA minimum).
  • The warm accent #C7B299 will need a dark background (e.g., #2F3C48) for optimal legibility when used as text.
  • #2F3C48 on #D0D5DB provides excellent contrast for primary text, ensuring high readability.
  • Always verify WCAG compliance for all text pairings, especially with subtle grays and the unique warm accent color.

Recommended combinations

Morning Light

Light, airy base with soft gray details and a gentle warm glow, perfect for serene backgrounds.

#D0D5DB · #AAB9C6 · #C7B299

Urban Depth

A strong, layered cool gray combination for robust elements, headers, or dark mode interfaces.

#2F3C48 · #6C7B8B · #AAB9C6

Dawn's Embrace

Deep background, bright text, and a warm, inviting highlight for a balanced and sophisticated look.

#2F3C48 · #D0D5DB · #C7B299

CSS variables

:root {
  --urban-loft-dawn-1: #6C7B8B;
  --urban-loft-dawn-2: #D0D5DB;
  --urban-loft-dawn-3: #AAB9C6;
  --urban-loft-dawn-4: #2F3C48;
  --urban-loft-dawn-5: #C7B299;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "urban-loft-dawn": {
        1: "#6C7B8B",
        2: "#D0D5DB",
        3: "#AAB9C6",
        4: "#2F3C48",
        5: "#C7B299",
      }
    }
  }
}

Related searches

minimalist grey dawntranquil urban palettewarm cool gray schemeclean modern concretesubtle sunrise colors

Palette colors

Hex values

Color 1#6C7B8B
·
Color 2#D0D5DB
·
Color 3#AAB9C6
·
Color 4#2F3C48
·
Color 5#C7B299
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.9:1Fail
2.2:1Fail
2.6:1Fail
2.1:1Fail
2
2.9:1Fail
1.4:1Fail
7.6:1AAA
1.4:1Fail
3
2.2:1Fail
1.4:1Fail
5.6:1AA
1:1Fail
4
2.6:1Fail
7.6:1AAA
5.6:1AA
5.5:1AA
5
2.1:1Fail
1.4:1Fail
1:1Fail
5.5:1AA

Similar palettes

More like Urban Loft Dawn

View all neutral
Concrete Jungle Bloom
Graphite Urban Grid
Concrete Urbanity Calm
Gritty Urban Canvas
Metropolis Grey
Muted Urban Concrete