Back to palettes

Palette

Rainy City Reflections

A moody blend of grays and muted blues, capturing the slick, reflective surfaces of a city on a rainy day.

cooldark5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Rainy City Reflections 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 Rainy City Reflections.

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

Data visualization

#36454F#5A6A78#8D9BA9#B4C0CC#2C3E50

Palette guide

How to use Rainy City Reflections

Overview

The Rainy City Reflections palette is a moody blend of grays and muted blues, artfully capturing the slick, reflective surfaces of a city on a rainy day. Anchored by the profound #2C3E50 and #36454F, it transitions smoothly through the mid-tones of #5A6A78 and #8D9BA9, culminating in the soft, diffused light of #B4C0CC. This collection is perfect for designers and developers seeking to create sophisticated, modern, and contemplative visuals. Its cool, understated elegance lends itself well to minimalist UI, architectural presentations, or any project aiming for a refined urban aesthetic.

Best used for

  • Modern architectural design presentations
  • Sophisticated tech and software branding
  • Art photography portfolios and galleries
  • Minimalist UI/UX for web and mobile apps
  • Urban lifestyle blogs and magazines
  • Contemporary fashion and apparel branding

Suggested color roles

primary

Utilize #2C3E50 as the foundational dark blue-grey for main backgrounds, headers, or dominant design elements, providing a strong anchor.

secondary

Employ #36454F for supporting sections, sub-panels, or content blocks, creating depth and visual interest.

accent

Incorporate #8D9BA9 for subtle highlights, interactive elements, or graphic details to introduce a touch of diffused light.

background

Apply #5A6A78 as a versatile mid-tone background for content areas, offering a softer alternative to the darkest tones while maintaining mood.

text

For primary text on dark backgrounds, #B4C0CC offers excellent legibility and integrates harmoniously into the cool, reflective aesthetic.

Accessibility notes

  • Ensure high contrast for all text; #B4C0CC is ideal for text on #2C3E50 or #36454F.
  • Avoid using #8D9BA9 for small body text on #5A6A78, as contrast might be insufficient for readability.
  • Verify that interactive elements have distinct hover/focus states with adequate contrast for accessibility.
  • Consider larger font sizes for secondary text elements to enhance readability within this muted palette.

Recommended combinations

Deep Urban

Creates a layered, deep urban feel, ideal for immersive backgrounds or structuring distinct sections in a dark interface.

#2C3E50 · #36454F · #5A6A78

Reflective Sheen

Evokes the subtle reflections and diffused light of wet city surfaces, perfect for main content areas or soft gradients.

#5A6A78 · #8D9BA9 · #B4C0CC

Cityscape Contrast

A balanced triad for clear visual hierarchy, combining a deep base with bright, legible text and a refined accent.

#2C3E50 · #B4C0CC · #8D9BA9

CSS variables

:root {
  --rainy-city-reflections-2-1: #36454F;
  --rainy-city-reflections-2-2: #5A6A78;
  --rainy-city-reflections-2-3: #8D9BA9;
  --rainy-city-reflections-2-4: #B4C0CC;
  --rainy-city-reflections-2-5: #2C3E50;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rainy-city-reflections-2": {
        1: "#36454F",
        2: "#5A6A78",
        3: "#8D9BA9",
        4: "#B4C0CC",
        5: "#2C3E50",
      }
    }
  }
}

Related searches

cool urban paletterainy day city colorsblue grey city schememodern muted tonesminimalist dark UI

Palette colors

Hex values

Color 1#36454F
·
Color 2#5A6A78
·
Color 3#8D9BA9
·
Color 4#B4C0CC
·
Color 5#2C3E50
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.5:1AA18
5.4:1AA
1.1:1Fail
2
1.8:1Fail
2:1Fail
3:1AA18
2:1Fail
3
3.5:1AA18
2:1Fail
1.5:1Fail
3.9:1AA18
4
5.4:1AA
3:1AA18
1.5:1Fail
5.9:1AA
5
1.1:1Fail
2:1Fail
3.9:1AA18
5.9:1AA

Similar palettes

More like Rainy City Reflections

View all cool
Volcanic Glass Shard
Bioluminescent Abyss
City Twilight Gloom
Coastal Tempest Gloom
Cobalt Abyss Depths
Cobalt Arctic Depth