Back to palettes

Palette

City Alley Shadow

A stark gradient of grays capturing the gritty, stark beauty of city alleys at twilight.

monochromeminimal5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how City Alley Shadow 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 City Alley Shadow.

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

Data visualization

#1C1C1C#2F4F4F#696969#A9A9A9#D3D3D3

Palette guide

How to use City Alley Shadow

Overview

The City Alley Shadow palette offers a stark, minimalist gradient of grays, capturing the raw, unpolished essence of urban environments. This collection ranges from the deep, anchoring #1C1C1C and the muted #2F4F4F, through the balanced #696969 and the lighter #A9A9A9, to the almost ethereal #D3D3D3. It's a versatile palette for designers seeking a sophisticated, industrial, or grunge aesthetic. Ideal for projects that benefit from a strong, no-nonsense visual identity, it conveys a sense of realism, strength, and understated elegance, perfect for modern design applications that prioritize clarity and texture.

Best used for

  • Industrial design portfolios
  • Modern art exhibition websites
  • Urban photography showcases
  • Minimalist branding for tech startups
  • Architectural visualization projects
  • Documentary film titles and graphics

Suggested color roles

primary

Use #1C1C1C as the dominant primary for backgrounds or robust structural elements, providing a deep, grounding foundation.

secondary

Employ #2F4F4F for secondary content areas or navigation, offering a softer yet still dark contrast to the primary.

accent

Apply #696969 for subtle accents, borders, or hover states where a mid-tone gray provides gentle emphasis without being too stark.

background

Utilize #D3D3D3 as a clean, bright background for main content areas, ensuring excellent readability for darker text.

text

For text on darker backgrounds, use #D3D3D3 or a bright white. For lighter backgrounds, #1C1C1C or a deep charcoal offers optimal contrast and readability.

Accessibility notes

  • Ensure sufficient contrast when pairing light grays like #A9A9A9 or #D3D3D3 with lighter text; always use dark text.
  • Avoid using #696969 for small text on backgrounds of similar luminance to maintain readability.
  • The darkest shades, #1C1C1C and #2F4F4F, provide excellent contrast for white or light grey text.
  • Check contrast ratios for all text and interactive elements, especially when using mid-range grays.

Recommended combinations

Gritty Base

Creates a strong, industrial foundation, perfect for dark mode interfaces or bold headlines with light text.

#1C1C1C · #2F4F4F · #D3D3D3

Textured Depth

Ideal for creating subtle gradients or layered effects that add depth and a tactile feel to designs.

#2F4F4F · #696969 · #A9A9A9

Urban Light

Provides a clean, modern look suitable for main content areas, allowing for clear hierarchy and readability.

#D3D3D3 · #A9A9A9 · #1C1C1C

CSS variables

:root {
  --city-alley-shadow-1: #1C1C1C;
  --city-alley-shadow-2: #2F4F4F;
  --city-alley-shadow-3: #696969;
  --city-alley-shadow-4: #A9A9A9;
  --city-alley-shadow-5: #D3D3D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "city-alley-shadow": {
        1: "#1C1C1C",
        2: "#2F4F4F",
        3: "#696969",
        4: "#A9A9A9",
        5: "#D3D3D3",
      }
    }
  }
}

Related searches

monochromatic grey paletteindustrial color schemedark urban aestheticminimalist grey brandinggrunge texture colors

Palette colors

Hex values

Color 1#1C1C1C
·
Color 2#2F4F4F
·
Color 3#696969
·
Color 4#A9A9A9
·
Color 5#D3D3D3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.1:1AA18
7.3:1AAA
11.4:1AAA
2
1.9:1Fail
1.6:1Fail
3.8:1AA18
6:1AA
3
3.1:1AA18
1.6:1Fail
2.3:1Fail
3.7:1AA18
4
7.3:1AAA
3.8:1AA18
2.3:1Fail
1.6:1Fail
5
11.4:1AAA
6:1AA
3.7:1AA18
1.6:1Fail

Similar palettes

More like City Alley Shadow

View all monochrome
Charcoal River Stone
City Grid Graphite
City Loft Grey
Gritty Urban Mural
Industrial Steam Punk
Industrial Steel Dawn