Back to palettes

Palette

Rainy City Slick

Cool, reflective greys of a city street after a rainfall, reflecting neon and vehicle lights.

monochromeminimal5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2A323A#4C5761#7E8C94#ADBCC4#DBE5EB

Palette guide

How to use Rainy City Slick

Overview

The "Rainy City Slick" palette presents a cool, monochromatic spectrum of greys, perfect for designs aiming for a sleek, modern, and slightly industrial aesthetic. Ranging from the deep, anchoring #2A323A to the airy #DBE5EB, this collection offers a refined progression suitable for sophisticated digital interfaces and architectural presentations. The mid-tones like #4C5761 and #7E8C94 provide excellent depth for layering and subtle visual interest, embodying the reflective surfaces of a city after rainfall. This palette helps create a professional and minimalist feel, ideal for tech brands or luxury services.

Best used for

  • Modern tech company branding and websites
  • Automotive industry marketing materials
  • Architectural and interior design portfolios
  • Minimalist user interfaces (UI/UX)
  • Professional corporate presentations
  • Data visualization dashboards

Suggested color roles

primary

Use #2A323A for strong headings, main navigation, or backgrounds in dark-themed designs to convey solidity and elegance.

secondary

#4C5761 or #7E8C94 work well for subheadings, secondary buttons, or large content blocks, adding structure without harshness.

accent

#ADBCC4 can be used for subtle highlights, interactive states, or graphic elements, providing a soft lift against darker tones.

background

#DBE5EB offers a clean, light canvas, ensuring high readability for dark text and a spacious, airy feel.

text

For light backgrounds like #DBE5EB, use #2A323A for primary text. For dark backgrounds, #DBE5EB or near-white offers excellent contrast.

Accessibility notes

  • Ensure sufficient contrast for text (#2A323A) on light backgrounds (#DBE5EB) and vice-versa, meeting WCAG AA standards.
  • Avoid using #7E8C94 or #ADBCC4 for small text on #DBE5EB as contrast may be insufficient.
  • Use the darkest shade, #2A323A, for body text on lighter backgrounds for optimal legibility.
  • Check color contrast for interactive elements like buttons and links across different palette shades.

Recommended combinations

Sleek Interface

Creates a sharp, modern look for digital interfaces, with deep dark for primary, light for text/background, and a mid-tone for secondary elements.

#2A323A · #DBE5EB · #4C5761

Reflective Layers

Excellent for layering elements, gradients, or subtle background textures, mimicking reflective city surfaces.

#4C5761 · #7E8C94 · #ADBCC4

Minimalist Contrast

A strong base for minimalist designs, using the darkest for key elements, the lightest for primary content, and a medium-light for accents.

#2A323A · #ADBCC4 · #DBE5EB

CSS variables

:root {
  --rainy-city-slick-1: #2A323A;
  --rainy-city-slick-2: #4C5761;
  --rainy-city-slick-3: #7E8C94;
  --rainy-city-slick-4: #ADBCC4;
  --rainy-city-slick-5: #DBE5EB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rainy-city-slick": {
        1: "#2A323A",
        2: "#4C5761",
        3: "#7E8C94",
        4: "#ADBCC4",
        5: "#DBE5EB",
      }
    }
  }
}

Related searches

sleek grey color schememodern urban palettemonochromatic cool tonesprofessional dark grey uireflective city colors

Palette colors

Hex values

Color 1#2A323A
·
Color 2#4C5761
·
Color 3#7E8C94
·
Color 4#ADBCC4
·
Color 5#DBE5EB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.8:1AA18
6.7:1AA
10.2:1AAA
2
1.8:1Fail
2.1:1Fail
3.8:1AA18
5.8:1AA
3
3.8:1AA18
2.1:1Fail
1.8:1Fail
2.7:1Fail
4
6.7:1AA
3.8:1AA18
1.8:1Fail
1.5:1Fail
5
10.2:1AAA
5.8:1AA
2.7:1Fail
1.5:1Fail

Similar palettes

More like Rainy City Slick

View all monochrome
Metropolis Gleam
Urban Sketch Grey
Urban Steel Fog
Concrete Jungle Bloom
Concrete Jungle Canopy
Concrete Jungle Hue