Rainy Mood

#4499aa

Save

About Rainy Mood

Rainy Mood looks like the sky after a long squall, a mid-light blue that feels damp rather than bright. Compared with Blue Moon's warmer, slightly calmer balance, this one holds a cooler tilt and a softer saturation. It's also gentler than Enchanted Well, which comes off deeper and more insistent.

I use Rainy Mood for UI moments that need clarity without getting punchy: chart headers in dashboards and finance apps, status pills, and secondary buttons in SaaS where the page already has a lot going on. Against white or very light grays it reads clean, but it won't feel as airy as Atlas Cedar, which leans more grounded and a bit greener on screen. This shade is the one you reach for when you want "wet-weather calm" rather than a confident highlight.

Quirk to watch: on very cool displays it can tip toward steel, so test beside your primary blues to make sure it stays weathered, not icy.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Create a gradient with Rainy Mood

Open the generator with this color pre-loaded.

Start creating