Back to palettes

Palette

Pavement Shimmer Gloom

Captures the melancholic beauty of a city street after rain, with reflective grays and deep blues, a quiet urban mood.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Pavement Shimmer Gloom 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 Pavement Shimmer Gloom.

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

Data visualization

#36454F#696969#B0C4DE#4682B4#1A1A1A

Palette guide

How to use Pavement Shimmer Gloom

Overview

The Pavement Shimmer Gloom palette captures the melancholic beauty of a rainy city street, offering a blend of deep, cool tones and reflective greys perfect for atmospheric and sophisticated designs. Featuring the dark charcoal of #36454F and the deep blue of #4682B4, this collection provides a strong, moody foundation. Developers can leverage these colors to craft evocative user interfaces for artistic projects, dark-themed applications, or urban photography platforms. The lighter steel blue of #B0C4DE provides a subtle shimmer, while the very dark #1A1A1A offers a profound depth, ensuring a cohesive and dramatic visual experience with a touch of quiet elegance.

Best used for

  • Dark mode interfaces and applications
  • Photography portfolio websites
  • Urban exploration blogs
  • Artistic or creative projects
  • Mystery or drama genre branding
  • Contemporary furniture design showcases

Suggested color roles

primary

A deep, dark charcoal blue, excellent for main content areas, headers, and primary branding: #36454F.

secondary

A versatile mid-grey, suitable for secondary sections, navigation, or subtle backgrounds: #696969.

accent

A strong, muted steel blue that provides a sophisticated pop, ideal for call-to-actions or important icons: #4682B4.

background

A very dark, almost black, background that provides a dramatic and immersive canvas: #1A1A1A.

text

A light steel blue that offers excellent contrast and readability on dark backgrounds like #1A1A1A or #36454F: #B0C4DE.

Accessibility notes

  • Ensure light text (like #B0C4DE or white) is used on dark backgrounds (#1A1A1A, #36454F) for optimal contrast.
  • Avoid using #696969 for text on #36454F, as contrast will be insufficient.
  • For interactive elements, ensure clear visual feedback, perhaps by brightening on hover or using an underline.
  • The contrast between #4682B4 and #36454F might be low for text; use #4682B4 primarily for accents or larger titles.

Recommended combinations

Deep Urban

A powerful combination for dark mode interfaces, backgrounds, and contrasting text.

#1A1A1A · #36454F · #B0C4DE

Shimmering Accents

Ideal for dynamic elements, infographics, or sections needing a cool, reflective pop on a dark base.

#4682B4 · #696969 · #1A1A1A

Moody Layers

Use for creating visual depth, distinct content blocks, or subtle atmospheric effects.

#36454F · #696969 · #B0C4DE

CSS variables

:root {
  --pavement-shimmer-gloom-1: #36454F;
  --pavement-shimmer-gloom-2: #696969;
  --pavement-shimmer-gloom-3: #B0C4DE;
  --pavement-shimmer-gloom-4: #4682B4;
  --pavement-shimmer-gloom-5: #1A1A1A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pavement-shimmer-gloom": {
        1: "#36454F",
        2: "#696969",
        3: "#B0C4DE",
        4: "#4682B4",
        5: "#1A1A1A",
      }
    }
  }
}

Related searches

dark urban color paletterainy city aestheticcool moody UI colorsdark mode blue greydramatic web design scheme

Palette colors

Hex values

Color 1#36454F
·
Color 2#696969
·
Color 3#B0C4DE
·
Color 4#4682B4
·
Color 5#1A1A1A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
5.6:1AA
2.4:1Fail
1.8:1Fail
2
1.8:1Fail
3.1:1AA18
1.3:1Fail
3.2:1AA18
3
5.6:1AA
3.1:1AA18
2.3:1Fail
9.8:1AAA
4
2.4:1Fail
1.3:1Fail
2.3:1Fail
4.2:1AA18
5
1.8:1Fail
3.2:1AA18
9.8:1AAA
4.2:1AA18

Similar palettes

More like Pavement Shimmer Gloom

View all cool
Urban Snow Drift
Alpine Mist
City Puddle Glimmer
City Rain Slicker
Cool River Stone
Grey Cloud Reflection