Rainy Monday Colour Palette

That specific feeling of a Monday morning in a British city: slate grey skies, wet pavements reflecting everything, puddle blue, and the one bright spot of someone's red umbrella cutting through the gloom. This is melancholy made beautiful. For editorial design, weather apps, lifestyle brands, stationery, and anything that finds beauty in the everyday grey. Sometimes the most honest palette is the one that admits it is raining.

Colour codes

  • Overcast #B0B8BF secondary
  • Wet Slate #6B7B8D primary
  • Puddle Blue #4A6B82 accent
  • Umbrella Red #C0392B accent
  • Monday Dark #2C3E50 text

Usage guidance

Wet Slate is your primary, a sophisticated grey-blue for headers and navigation. Overcast provides a soft, cloudy background or secondary colour for cards and sections. Puddle Blue adds depth for links, hover states, and subtle accents. Umbrella Red is your punctuation mark, use it sparingly for primary buttons, alerts, and the one element on each page that needs to pop. Monday Dark handles your body text. The trick is restraint with the red. One red umbrella in a grey scene is beautiful. Ten is a shop display.

Learn and explore

Choosing website colours Check colour contrast