Palette

Urban Alley Murals

Subtle, modern tones reflecting the interplay of concrete, shadows, and hints of color in urban alleyways.

NeutralMinimal5 colors

More Neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Urban Alley Murals 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 Alley Murals.

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

Data visualization

#4C5760#6B7B8E#93A8B6#B9C6D2#DDE3E9

Palette guide

How to use Urban Alley Murals

Overview

The Urban Alley Murals palette offers a sophisticated range of cool-toned neutrals, perfect for creating modern and minimalist designs. Inspired by concrete, shadows, and subtle urban hints, this collection moves from the deep, anchoring #4C5760 through the balanced #6B7B8E and #93A8B6, to the airy lightness of #B9C6D2 and #DDE3E9. Designers and developers will find these hues exceptionally versatile for establishing a refined, understated aesthetic. This palette excels in applications requiring a sense of calm, professionalism, and contemporary elegance, providing a cohesive foundation that avoids starkness while maintaining clarity. Its subtle blue undertones prevent it from feeling flat, adding depth and character.

Best used for

Modern architectural portfolios
Tech company interfaces and branding
Minimalist e-commerce platforms
Editorial design for lifestyle magazines
Professional corporate websites
Urban planning or real estate presentations

Suggested color roles

primary

#4C5760 - Ideal for strong headings, primary calls-to-action, or defining sections in a layout where a deep, stable presence is needed.

secondary

#6B7B8E - Excellent for subheadings, secondary buttons, or large background areas where a slightly softer, yet substantial, tone is desired.

accent

#93A8B6 - Use sparingly for interactive elements, highlights, or subtle graphic details to draw attention without overwhelming.

background

#DDE3E9 - Provides a clean, expansive canvas for main content, ensuring readability while maintaining the palette's cool, urban feel.

text

#4C5760 - The darkest shade, #4C5760, offers strong contrast against lighter backgrounds like #DDE3E9 or #B9C6D2 for main body text, ensuring excellent readability.

Accessibility notes

Ensure sufficient contrast between #4C5760 text and #DDE3E9 or #B9C6D2 backgrounds for WCAG AA compliance.
Avoid using #93A8B6 or #B9C6D2 for small text on light backgrounds like #DDE3E9 due to potential low contrast.
When using #6B7B8E as text, pair it with #DDE3E9 for better readability, especially for larger headings.
Consider using a pure black or dark charcoal text color on #DDE3E9 for maximum readability if #4C5760 doesn't meet specific accessibility requirements.

Recommended combinations

Concrete & Shadow

A high-contrast pairing for main content: dark text on light background with a mid-tone for secondary elements or borders.

#4C5760 · #DDE3E9 · #6B7B8E

Urban Haze

A softer, harmonious trio suitable for subtle gradients, layered UI elements, or distinct card backgrounds.

#6B7B8E · #B9C6D2 · #93A8B6

Minimalist Accent

Light background with strong primary text and a subtle, cool accent for interactive states or minor details.

#DDE3E9 · #4C5760 · #93A8B6

CSS variables

:root {
  --urban-alley-murals-1: #4C5760;
  --urban-alley-murals-2: #6B7B8E;
  --urban-alley-murals-3: #93A8B6;
  --urban-alley-murals-4: #B9C6D2;
  --urban-alley-murals-5: #DDE3E9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "urban-alley-murals": {
        1: "#4C5760",
        2: "#6B7B8E",
        3: "#93A8B6",
        4: "#B9C6D2",
        5: "#DDE3E9",
      }
    }
  }
}

Hex values

Color 1#4C5760

Color 2#6B7B8E

Color 3#93A8B6

Color 4#B9C6D2

Color 5#DDE3E9

Accessibility

Contrast checker

1.7:1Fail

3:1Fail

4.3:1AA18

5.7:1AA

1.7:1Fail

1.8:1Fail

2.5:1Fail

3.3:1AA18

3:1Fail

1.8:1Fail

1.4:1Fail

1.9:1Fail

4.3:1AA18

2.5:1Fail

1.4:1Fail

1.3:1Fail

5.7:1AA

3.3:1AA18

1.9:1Fail

1.3:1Fail

Similar palettes

More like Urban Alley Murals

Urban Concrete Jungle

Cityscape Window Glint

Urban Grunge Wall