Filmora
Filmora - AI Video Editor
Edit Faster, Smarter and Easier!
OPEN
Filmora Video Editor
Effortlessly create video with AI.
  • Various AI editing tools to increase your video creation efficiency.
  • Offer popular templates and royalty-free creative resources.
  • Cross-platform functionality for editing everywhere.
Edit Video for Free Edit Video for Free
qrcode-img
Scan to get the Filmora App
Sicherer Download 100% Security Verified | No Subscription Required | No Malware

Top 15 Rainy Day Color Palettes for Creative Projects With HEX Codes

Max Wales
Max Wales Originally published Nov 27, 25, updated Nov 27, 25

Rainy Day color palettes sit in the sweet spot between calm neutrals and moody blues. They echo wet pavement, misted glass, soft knits, and low clouds, which is why they instantly feel cinematic and cozy. In video, these tones help you slow the pace, highlight emotion, and give even simple B-roll a story-driven atmosphere.

For creators and Filmora users, Rainy Day color combinations work beautifully across vlogs, thumbnails, intros, titles, and channel branding. Below you will find 15 Rainy Day color palettes with HEX codes you can plug directly into your thumbnails, overlays, and color grading to keep your visuals soft, cinematic, or playfully pastel while staying on brand.

In this article
    1. Windowlight Drizzle
    2. Blanket Fort Afternoon
    3. Herbal Tea By The Pane
    4. Soft Umbrella Stroll
    1. Neon Reflections On Asphalt
    2. Midnight Thunderclouds
    3. Foggy Train Station
    4. Streetlights In The Mist
    1. Concrete Loft Shower
    2. Cloud Sync Dashboard
    3. Muted Slate Workspace
    1. Puddle Jumping Pastels
    2. Candy Coated Cloudburst
    3. Storybook Raincoat Parade
    4. Soft Arcade After School

Soft & Cozy Rainy Day Color Palettes

Windowlight Drizzle

windowlight drizzle rainy day color palette with hex codes
  • HEX Codes: #f4f1ec, #c9d6df, #9aa9b8, #7d8ca3
  • Mood: Calm, reflective, and gently illuminated like a gray day brightened by soft window light.
  • Use for: Ideal for reflective vlog monologues, lo-fi study mixes, and understated lifestyle thumbnails.

Windowlight Drizzle blends a warm off-white with misty blue-grays, creating the feeling of soft daylight filtering through rain-streaked glass. It is gentle and low contrast, which keeps attention on faces, voiceovers, and quiet storytelling rather than on loud colors.

Use this palette for reflective vlogs, cozy talking-head videos, or lo-fi study mixes where you want the background to feel calm and unobtrusive. In Filmora, you can apply these HEX codes to titles, lower thirds, and thumbnail text, then echo the tones in your color grading to give your entire channel a consistent rainy day aesthetic.

Pro Tip: Build A Soft Rainy Day Look Across Your Edit In Filmora

To keep a Windowlight Drizzle mood from intro to end screen, mirror these colors across every element in your edit. Use the lightest tone (#f4f1ec) for backgrounds or text panels, and the deeper blues (#9aa9b8, #7d8ca3) for text, icons, and callouts, then gently desaturate your footage so nothing feels harsher than the palette.

In Filmora, you can quickly duplicate sequences and reuse your color-styled titles, subscribe buttons, and end-screen layouts. This keeps your rainy day aesthetic aligned in YouTube intros, shorts, Reels, and any B-roll overlays without rebuilding every graphic from scratch.

AI Color Palette

If you already have a photo that nails this rainy window vibe, such as a still of your desk by the window or a misty city shot, you can use it as a reference for your entire video. Filmora's AI Color Palette feature analyzes the reference image and applies the same tones to your clips in one step.

Simply import the reference image, choose the clips you want to match, and let AI handle the heavy lifting. Your A-roll, B-roll, and cutaway shots will all share the same soft blue-grays and warm highlights, so every frame feels like it lives in the same rainy day moment.

Try It FreeTry It Free
filmora app qrcode
secure-iconsecure download
iOSAndroid

HSL, Color Wheels & Curves

Once you have the overall mood, use Filmora's HSL controls, color wheels, and curves to fine-tune your Rainy Day tones. Gently lower saturation in greens and yellows so skin tones and interiors do not clash with your blue-gray scheme, and use the midtone wheel to tilt the scene toward cooler hues while keeping highlights soft and neutral.

You can also use curves to slightly lift the shadows and lower the contrast, mimicking the diffused light of an overcast day. For more ideas on balancing exposure and color, jump down to the tips section on creating rainy day palettes and adapt those guidelines to your grading.

Try It FreeTry It Free
filmora app qrcode
secure-iconsecure download
iOSAndroid

1000+ Video Filters & 3D LUTs

To move even faster, start from Filmora's presets instead of grading from zero. Filmora's video filters and 3D LUTs make it easy to add soft fade, low-contrast, or cool cinematic looks that match Rainy Day palettes.

Apply a subtle, cool-toned filter to your footage, then tweak opacity until it matches your chosen HEX colors for graphics. This gives you a repeatable, one-click way to turn any clip into a rainy day scene while keeping your thumbnails, titles, and overlays perfectly coordinated.

Try It FreeTry It Free
filmora app qrcode
secure-iconsecure download
iOSAndroid

Blanket Fort Afternoon

blanket fort afternoon rainy day color palette with hex codes
  • HEX Codes: #f6ebe6, #d1bfa7, #8c7b6a, #5a4b49, #29313a
  • Mood: Cozy, nostalgic, and slightly cinematic, like hiding out indoors with a favorite film.
  • Use for: Perfect for lifestyle vlogs, binge-watch recommendation videos, and homely channel branding.

Blanket Fort Afternoon layers warm beiges and deep browns with a charcoal accent, echoing cocoa mugs, worn sofas, and dim lamp light on a rainy day. The palette feels intimate and nostalgic, ideal when you want viewers to feel like they are sitting on the couch with you.

Use the lighter tones for thumbnail backgrounds and text panels, and the darker browns (#5a4b49, #29313a) for typography and buttons. In Filmora, this palette works beautifully for lifestyle intro templates, lower thirds on recommendation videos, or subtle overlays on B-roll of blankets, books, and movie nights.

Herbal Tea By The Pane

herbal tea by the pane rainy day color palette with hex codes
  • HEX Codes: #f3efe5, #c9d3c0, #92a48a, #647a68, #3b4a45
  • Mood: Grounded and restorative, with a natural calm that pairs rain with greenery and steam.
  • Use for: Great for wellness content, cozy morning routines, and minimalist cooking videos.

Herbal Tea By The Pane brings together soft creams with muted, herbal greens. It feels earthy and refreshing, like steam rising from a mug while you watch rain roll down the window and plants sway outside.

Use the lightest shades for clean backgrounds, captions, or recipe cards in your videos, while the deeper greens (#647a68, #3b4a45) make great accent colors for icons, progress bars, or subscribe buttons. This palette is especially strong for wellness channels, slow-living vlogs, and minimalist cooking edits that rely on gentle, natural tones rather than loud saturation.

Soft Umbrella Stroll

soft umbrella stroll rainy day color palette with hex codes
  • HEX Codes: #f2f4f7, #d4dde7, #9aa7bc, #6b7384
  • Mood: Quiet and contemplative, like walking city streets under a soft drizzle.
  • Use for: Nice for travel vlogs in overcast cities, cinematic B-roll sequences, and ambient music videos.

Soft Umbrella Stroll uses pale grays and muted blues to mimic cloudy skies, wet pavement, and city buildings fading into drizzle. It is desaturated and understated, which works well when your footage is already naturally gray and you want to enhance that mood rather than fight it.

Apply this palette to opening title cards and end screens for travel vlogs filmed on overcast days, or use it to design minimalist thumbnail frames that let the scene itself do the storytelling. In ambient music loops or cityscape B-roll, these colors keep everything soothing and visually consistent without stealing focus from motion and sound.

Moody Cinematic Rainy Day Color Palettes

Neon Reflections On Asphalt

neon reflections on asphalt rainy day color palette with hex codes
  • HEX Codes: #05060a, #222733, #445b6e, #ff6b81, #32e0c4
  • Mood: Dramatic and modern, contrasting inky shadows with bright city neons reflected in puddles.
  • Use for: Ideal for night city edits, cyberpunk aesthetics, music videos, and tech channel openings.

Neon Reflections On Asphalt collides deep navy and charcoal with electric pink and teal. It feels like neon signs bouncing off wet streets, with strong contrast that instantly turns any rainy scene into a stylized, modern frame.

Use the dark blues as your base for backgrounds and overlays, then reserve the vivid accents (#ff6b81 and #32e0c4) for key text, glitch transitions, or logo highlights. This palette is perfect for cyberpunk edits, night street photography reels, and bold tech intros where you want rain to feel energetic and futuristic rather than gloomy.

Midnight Thunderclouds

midnight thunderclouds rainy day color palette with hex codes
  • HEX Codes: #050814, #1b2430, #39445a, #6d7b8c, #a3b4c5
  • Mood: Brooding and introspective, like a storm building over a sleeping city.
  • Use for: Perfect for cinematic shorts, dramatic storytelling intros, and thriller-style trailers.

Midnight Thunderclouds walks through a ladder of blues from almost-black to soft steel. It feels tense yet elegant, as if something is about to happen just off-screen. The palette works especially well when you want dark atmospheres without losing detail in the shadows.

Design title sequences with the deepest tones as backgrounds, then step up through the lighter blues for typography, borders, and motion graphics. In Filmora, combine this palette with slow-motion B-roll, sound design, and subtle vignette effects for thriller trailers, narrative shorts, or moody podcast intros.

Foggy Train Station

foggy train station rainy day color palette with hex codes
  • HEX Codes: #f1f2f3, #c5c7cf, #8b8f9b, #555a66, #22252c
  • Mood: Melancholic and cinematic, capturing lonely platforms and distant headlights cutting through fog.
  • Use for: Great for travel storytelling, melancholy music videos, and narrative short films.

Foggy Train Station layers soft grays and cool slates, like platforms disappearing into mist and metal tracks that fade towards the horizon. The palette leans monochrome but keeps just enough color to feel like natural light instead of black-and-white.

Use the lightest tones for text and UI elements so they float gently over darker footage, and keep the deepest gray (#22252c) for letterboxes, end cards, or minimalist logo reveals. This scheme is strong for reflective travel narratives, breakup stories, or music videos that use trains, stations, or long journeys as visual metaphors.

Streetlights In The Mist

streetlights in the mist rainy day color palette with hex codes
  • HEX Codes: #090b10, #283044, #4f6078, #f3b76b, #ffdca8
  • Mood: Cinematic and gently nostalgic, mixing cool haze with the warmth of glowing streetlights.
  • Use for: Works well for indie film titles, dreamy cityscapes, and nostalgic night-drive vlogs.

Streetlights In The Mist balances smoky blues and charcoals with warm amber highlights, capturing the feeling of headlights and windows glowing through fog. It feels cinematic yet comforting, like watching the city from the warmth of a car.

Use the cool blues as your base and let the warm tones (#f3b76b, #ffdca8) highlight key text, call-to-action buttons, or logo marks. This palette suits indie film title cards, night-drive B-roll, and nostalgic montages where you want a mix of mystery and coziness in every frame.

Minimal & Modern Rainy Day Color Palettes

Concrete Loft Shower

concrete loft shower rainy day color palette with hex codes
  • HEX Codes: #f5f5f6, #d5d7db, #a3a7b0, #717683, #2f343f
  • Mood: Clean, minimal, and sophisticated, like a designer loft on a gray morning.
  • Use for: Great for tech explainers, productivity channels, and modern brand intros.

Concrete Loft Shower uses cool grays that move from light mist to deep concrete. It feels sleek and polished, perfect for content that needs to look modern and professional without distracting colors.

Use the lighter tones as neutral backdrops for screen recordings or UI walkthroughs, and rely on the darkest gray (#2f343f) for text, lines, and emphasis. This palette is particularly strong for tech explainers, productivity videos, and brand intros where you want your Rainy Day mood to feel sharp, minimal, and on-trend.

Cloud Sync Dashboard

cloud sync dashboard rainy day color palette with hex codes
  • HEX Codes: #f2f6fa, #ced7e3, #9fb3c8, #56718b, #263549
  • Mood: Focused and futuristic, like a SaaS dashboard framed by stormy clouds outside.
  • Use for: Ideal for app demos, tutorials, UI animations, and startup promo videos.

Cloud Sync Dashboard combines dusty blues and slate tones that feel both digital and atmospheric. It is reminiscent of cloud software interfaces against a backdrop of overcast skies, making it ideal for tech and startup storytelling.

Use the softest blues for backgrounds and content blocks, while the deeper shades (#56718b, #263549) anchor charts, icons, and key metrics in your overlays. This palette works well for animated dashboards, SaaS explainer videos, and launch promos that want a cool, focused Rainy Day aesthetic rather than bright primary colors.

Muted Slate Workspace

muted slate workspace rainy day color palette with hex codes
  • HEX Codes: #f7f6f4, #ded8d1, #9fa5b5, #6a7082, #343747
  • Mood: Productive and calm, balancing warm desk tones with cool slate accents.
  • Use for: Perfect for desk setup tours, productivity tips, and educational content.

Muted Slate Workspace blends soft off-whites and desk-like neutrals with slate blues. It feels like a tidy desk by a rainy window: calm, organized, and distraction-free.

Use the warm neutrals for background fills and content cards, then bring in the slate tones for headings, bullet points, and subtle accent lines. This palette is ideal for productivity tutorials, Notion or workspace tours, and any educational content where you need clarity and readability in a gentle Rainy Day mood.

Playful Pastel Rainy Day Color Palettes

Puddle Jumping Pastels

puddle jumping pastels rainy day color palette with hex codes
  • HEX Codes: #fdf5ff, #e0e7ff, #cce9f9, #b7f0e3, #f8e1e7
  • Mood: Lighthearted and whimsical, like kids in colorful boots splashing through puddles.
  • Use for: Great for family vlogs, kids content, cheerful intros, and playful title cards.

Puddle Jumping Pastels mixes airy lilac, baby blue, mint, and soft pink for a sugar-sweet rainy vibe. It keeps the Rainy Day feel but swaps gloom for fun, making it perfect when you want to show that gray weather can still be joyful.

Use these tones for bubbly titles, rounded buttons, and animated stickers in family vlogs or kids channels. In Filmora, they pair well with playful transitions and upbeat music, keeping your thumbnails and intros bright and friendly even if the sky is covered in clouds.

Candy Coated Cloudburst

candy coated cloudburst rainy day color palette with hex codes
  • HEX Codes: #fff7f0, #f4d1d8, #d7c7f9, #bde4ff, #9ad5ca
  • Mood: Sweet and dreamy, like candy-colored umbrellas under a sudden shower.
  • Use for: Perfect for unboxings, stationery hauls, and pastel brand aesthetics on social media.

Candy Coated Cloudburst sprinkles peach, rose, lavender, sky blue, and mint into a joyful drizzle of color. It feels dreamy and optimistic, great for channels with a soft, pastel identity.

Use the creamy base (#fff7f0) for clean frames or background shapes, while the other colors rotate through text, icons, and highlight elements. This palette suits stationery hauls, journaling videos, K-pop inspired edits, and any social media branding that leans into pastel aesthetics with a hint of rainy romance.

Storybook Raincoat Parade

storybook raincoat parade rainy day color palette with hex codes
  • HEX Codes: #fff8e5, #ffe0a3, #ffb85c, #6da9e4, #345c7d
  • Mood: Cheerful and adventurous, like a children book scene of bright raincoats and blue puddles.
  • Use for: Great for animations, intros for kids channels, and upbeat travel diaries.

Storybook Raincoat Parade combines sunny yellows with storybook blues, calling to mind illustrated pages full of raincoats, umbrellas, and bouncing puddles. It is bold yet friendly, perfect for optimistic rainy adventures.

Use the yellows for main text and key icons, then let the blues anchor your backgrounds and outlines so everything stays readable. This palette is ideal for simple animations, kids channel intros, and lively travel diaries where you lean into the fun of rain rather than hiding from it.

Soft Arcade After School

soft arcade after school rainy day color palette with hex codes
  • HEX Codes: #fdf4ff, #e7d5ff, #c3d7ff, #9ed9f5, #6b7fa8
  • Mood: Nostalgic and playful, blending pastel lights with a slightly moody blue undertone.
  • Use for: Ideal for retro gaming edits, nostalgia vlogs, and dreamy montage sequences.

Soft Arcade After School mixes lavender, powder blue, and teal with a slightly moodier blue accent. It recalls pastel neon signs and arcade cabinets seen through drizzle-streaked windows, blending playfulness with gentle nostalgia.

Use the lighter tones for glowing text and UI-style overlays, and rely on the deeper blue (#6b7fa8) to ground your compositions and keep them legible. This palette is excellent for retro gaming edits, nostalgia vlogs set on rainy afternoons, and dreamy montage sequences with synth, lo-fi, or city pop soundtracks.

Tips for Creating Rainy Day Color Palettes

When building your own Rainy Day color combinations for video and design, focus on how light, contrast, and accent colors support your story. The right mix can turn a dull gray sky into a powerful visual theme that ties your whole edit together.

  • Start with a base gray or blue-gray that matches your footage, then build the rest of your palette around it so overlays and titles feel like part of the same world.
  • Limit bright accent colors to one or two HEX codes and use them sparingly for CTAs, key words, and important icons to keep the mood cohesive.
  • Check text contrast on thumbnails and titles by testing them small; Rainy Day backgrounds are often mid-tone, so use very light or very dark text for readability.
  • Match color temperature to your story: cooler palettes feel introspective and cinematic, while warmer or pastel accents add comfort and playfulness.
  • Stay consistent across platforms by reusing the same HEX codes in your channel banner, video thumbnails, end screens, and social posts.
  • Use Filmora's color tools to push your footage toward your chosen palette, slightly muting clashing colors like bright greens or oranges that break the rainy atmosphere.
  • For night scenes, deepen blues and charcoals but keep some detail in the shadows so your edits stay cinematic, not muddy.
  • Create 2 to 3 variations of each palette (softer, neutral, and high contrast) and save them as presets in Filmora to swap quickly between moods.

Rainy Day color palettes are powerful tools for shaping mood, pacing, and brand identity. Whether you lean into soft, cozy neutrals, brooding cinematic blues, minimalist concrete grays, or playful pastels, these HEX combinations help your videos feel intentional and emotionally grounded.

Try dropping a few of these palettes into your next Filmora project as title colors, overlay shapes, or LUT-inspired grading targets, then tweak until the visuals match your voice and story. Over time, your viewers will start to recognize your Rainy Day aesthetic as part of your signature style.

Experiment, save your favorite looks as presets, and keep iterating. With consistent palettes and Filmora's color tools, you can turn any cloudy day shoot into a distinctive, cinematic experience across your channel.

Try It FreeTry It Free
filmora app qrcode
secure-iconsecure download
iOSAndroid

Next: Green Burgundy Color Palette

Max Wales
Max Wales Nov 27, 25
Share article: