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 Gray Blue Color Palettes for Creative Projects With HEX Codes

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

Gray Blue sits between cool blue and neutral gray, giving it a calm, grounded character that feels both modern and timeless. It is often linked with clarity, trust, and quiet focus, which makes it ideal for cinematic storytelling, aesthetic vlogs, and minimalist branding. Depending on how dark or light you go, Gray Blue can feel like misty dawn, a quiet office, or a moody late-night city street.

For video creators, Gray Blue works beautifully in YouTube thumbnails, intros, end screens, lower thirds, and channel branding. It softens skin tones, flatters daylight and cloudy skies, and pairs well with subtle accent colors. Below you will find ready-made Gray Blue color palettes with HEX codes tailored for Filmora users and other creators so you can quickly build consistent looks for thumbnails, vlogs, reels, and cinematic edits.

In this article
    1. Misty Harbor Morning
    2. Overcast City Stroll
    3. Quiet Coastal Window
    4. Storybook Rainlight
    5. Snowy Dock Reflections
    1. Concrete Studio Chill
    2. Nordic Desk Setup
    3. Urban Title Card
    4. Clean Tech Interface
    1. Storm Front Opening
    2. Midnight Dock Lights
    3. Deep Ocean Narratives
    4. Noir Skyline Fade
    1. Icy Lemon Breeze
    2. Coastal Travel Vlog
    3. Minimal Morning Routine

Soft Cinematic Gray Blue Color Palettes

Misty Harbor Morning

misty harbor morning gray blue color palette with hex codes
  • HEX Codes: #4b5c6b, #7c8b99, #b9c4d0, #e5ecf3
  • Mood: Calm and cinematic, like a cool morning by the sea.
  • Use for: Great for soft storytelling intros, travel vlogs, and reflective montage sequences.

This palette layers deep harbor Gray Blue with soft misty highlights. It feels like a quiet shoreline at sunrise, where details are gentle rather than sharp. The darker base (#4b5c6b) works well for text or overlays, while the middle tones (#7c8b99, #b9c4d0) keep footage cool and cohesive without looking cold or washed out. The lightest tone (#e5ecf3) is perfect for backgrounds, text boxes, and subtle glow effects.

Use Misty Harbor Morning for cinematic openers, reflective b-roll, or playlist covers that promise a calm visual journey. In YouTube thumbnails and channel banners, this palette instantly signals a soothing, thoughtful Gray Blue aesthetic while still leaving room for clear typography and branding elements.

Pro Tip: Build a Soft Cinematic Gray Blue Look in Filmora

To keep a Misty Harbor Morning vibe across an entire edit, start by choosing one or two key HEX colors from this palette for titles, lower thirds, and callouts. In Filmora, set a consistent Gray Blue for your text and overlays, then reuse the lightest shade as a background plate for captions, subscribe reminders, or chapter cards.

When you color grade, lean slightly toward cooler midtones and lift the blacks just a bit so the darker Gray Blue areas feel soft rather than harsh. This will help your storytelling intros, travel vlogs, and reflective montages all share the same calm, cinematic mood.

AI Color Palette

You can turn Misty Harbor Morning into a complete visual style by using Filmora's AI Color Palette feature. Grab a still frame or graphic that already uses these Gray Blue HEX codes, then apply it as a reference so the rest of your clips match the same tone and atmosphere.

Filmora's AI Color Palette feature analyzes your reference colors and automatically adjusts other shots to fit. This is especially useful when you mix footage from different cameras or lighting conditions but still want a consistent, misty Gray Blue aesthetic from intros to end screens.

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

HSL, Color Wheels & Curves

Once your base look is in place, refine your Gray Blue tones using Filmora's HSL, color wheels, and curves. Slightly desaturate blues while adding a hint of teal in the shadows to make the scene feel coastal rather than steel-gray. Lift the curves in the highlights to keep skies and bright areas airy, and nudge midtone gamma toward blue to maintain a cinematic chill.

If you want a deeper dive into shaping color, Filmora's guide to color correction tools shows how to combine HSL, wheels, and curves for precise control. With a few tweaks, you can turn any raw footage into a cohesive Misty Harbor Morning look that still feels natural.

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

1000+ Video Filters & 3D LUTs

To move faster, combine this Gray Blue palette with Filmora's filters and LUTs. Start from a cinematic or cool-daylight LUT, then fine-tune saturation and contrast until your footage echoes the Misty Harbor Morning HEX codes. This gives you a polished, filmic mood with just a few clicks.

Filmora's video filters and 3D LUTs make it easy to stack subtle effects: add a soft glow, a vignette, or grain to reinforce the misty feeling. Use the same preset on intros, a-roll, b-roll, and shorts so your whole Gray Blue themed channel feels unified.

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

Overcast City Stroll

overcast city stroll gray blue color palette with hex codes
  • HEX Codes: #556272, #8c98a6, #c1c9d2, #f2f4f7
  • Mood: Relaxed and introspective, with a quiet urban feel.
  • Use for: Ideal for lifestyle b-roll, city walk vlogs, and calm commentary videos.

Overcast City Stroll captures the feeling of walking through a muted city under soft cloud cover. The mid-to-dark Gray Blue tone (#556272) anchors your frames, while the paler shades (#c1c9d2, #f2f4f7) keep the overall look gentle and approachable rather than heavy.

Use this palette for lifestyle vlogs, street photography edits, or commentary videos where the visuals should support a reflective mood. It works especially well for thumbnails featuring architecture, coffee shots, or fashion, pairing Gray Blue backgrounds with white or pale text for clean readability.

Quiet Coastal Window

quiet coastal window gray blue color palette with hex codes
  • HEX Codes: #5a6a78, #9ba8b5, #d0d7df, #f8fafc
  • Mood: Peaceful and airy, like soft daylight filtering through a seaside room.
  • Use for: Use for cozy home vlogs, studio tours, and gentle product walkthroughs.

Quiet Coastal Window feels like soft daylight on painted walls. The range of clean Gray Blue tones moves smoothly from a grounded mid-tone (#5a6a78) to near-white highlights (#f8fafc), giving your footage a bright yet relaxed character.

Apply this palette to home vlogs, desk setups, or product demos shot near windows. In Filmora, you can use the lighter tones for background cards behind captions or pricing details, while the deeper Blue Gray is great for icons, logos, and call-to-action buttons in thumbnails and end screens.

Storybook Rainlight

storybook rainlight gray blue color palette with hex codes
  • HEX Codes: #4f6273, #7f90a0, #c5ced8, #edeff3
  • Mood: Dreamy and nostalgic, like a rainy afternoon reading session.
  • Use for: Best for slow-paced narratives, book or study content, and calm educational videos.

Storybook Rainlight combines soft Gray Blue midtones with milky highlights to create a nostalgic, rainy-day atmosphere. It feels comforting and introspective, ideal for content that invites viewers to slow down and focus.

Use it in book reviews, study-with-me videos, and soft educational content. You can color grade footage slightly cooler, then overlay simple Gray Blue lower thirds and chapter markers so the entire video feels like it belongs to the same quiet storybook world.

Snowy Dock Reflections

snowy dock reflections gray blue color palette with hex codes
  • HEX Codes: #536270, #8fa0ae, #ccd4dd, #f6f8fb
  • Mood: Serene and reflective, with a hint of winter chill.
  • Use for: Perfect for reflective travel sequences, timelapses, and mellow channel trailers.

Snowy Dock Reflections brings a crisp, wintry quality to Gray Blue. The base shade (#536270) suggests cold water or weathered wood, while the lighter tones mimic soft snow and overcast sky. Together, they create a serene mood with just enough chill to feel cinematic.

Try this palette for winter travel vlogs, harbor timelapses, or mellow channel trailers. Use the lightest shade as a clean canvas for logo reveals and subscribe animations, while the mid-tones keep your footage cool and cohesive without overpowering skin tones.

Modern Minimal Gray Blue Color Palettes

Concrete Studio Chill

concrete studio chill gray blue color palette with hex codes
  • HEX Codes: #465766, #6c7b88, #b0bac3, #f4f5f7
  • Mood: Sleek and understated, with a creative studio vibe.
  • Use for: Great for channel branding, lower thirds, and tech review graphics.

Concrete Studio Chill blends muted Gray Blue tones with soft neutrals, echoing polished studio walls and modern gear. It feels professional and understated, making it a strong choice for tech, productivity, and design channels.

Use the darker shades for titles and UI-style shapes, then pair them with the off-white (#f4f5f7) in your backgrounds. In YouTube thumbnails, combining a Gray Blue background with a cutout of your face or product shot instantly communicates a clean, tech-forward brand.

Nordic Desk Setup

nordic desk setup gray blue color palette with hex codes
  • HEX Codes: #4a5b6a, #7c8d99, #d7dde2, #ffffff
  • Mood: Bright, organized, and minimal with a Scandinavian edge.
  • Use for: Ideal for productivity videos, workspace tours, and clean UI-style titles.

Nordic Desk Setup is all about clarity and order. The combination of mid Gray Blue tones and crisp whites gives your visuals a Scandinavian-inspired minimalism that feels organized and fresh.

Use this palette when you want your content to look like a neat desktop or clean app interface. White (#ffffff) can be your main background, while Gray Blue tones highlight headings, icons, and timeline markers. It is especially effective for tutorials, note-taking videos, and Notion or app workflows.

Urban Title Card

urban title card gray blue color palette with hex codes
  • HEX Codes: #3e4f5f, #6d7e8e, #9da8b3, #f0f2f5
  • Mood: Confident and polished, with subtle city grit.
  • Use for: Use for YouTube intros, sleek title cards, and stylish transitions.

Urban Title Card gives you a compact gradient of city-inspired Gray Blues, from deep slate (#3e4f5f) to airy light gray (#f0f2f5). It feels modern and confident without being loud, making it a great base for intros and interstitials.

Build strong title cards by using the darkest color for your text and the lighter shades for background bands or diagonal shapes. This palette also works well for animated transitions between segments, underscoring your brand with a consistent Gray Blue ribbon throughout your edit.

Clean Tech Interface

clean tech interface gray blue color palette with hex codes
  • HEX Codes: #425668, #6e8294, #a9b7c4, #e9edf2
  • Mood: Cool, technical, and future-focused.
  • Use for: Best for app demos, explainer videos, and UI-inspired overlays.

Clean Tech Interface feels like a well-designed dashboard. The cool Gray Blue tones are technical but still soft enough for long viewing sessions, which makes them ideal for educational explainers and software walkthroughs.

Use the mid-tones for panel backgrounds and callouts, the darkest shade (#425668) for captions and important labels, and the palest color (#e9edf2) as a neutral space behind screenshots. This keeps your information readable while reinforcing a trustworthy, future-focused brand.

Moody Atmospheric Gray Blue Color Palettes

Storm Front Opening

storm front opening gray blue color palette with hex codes
  • HEX Codes: #374552, #556272, #88919b, #c0c6cd
  • Mood: Tense and cinematic, building quiet anticipation.
  • Use for: Great for dramatic cold opens, trailers, and story-driven edits.

Storm Front Opening steps into darker Gray Blue territory, perfect for building suspense. The deeper tones (#374552, #556272) create cinematic shadows, while the misty highlights (#c0c6cd) prevent your image from becoming muddy.

Use this palette for dramatic intros, documentary teasers, or narrative shorts. In thumbnails, a dark Gray Blue background with a bright subject cutout and bold white text quickly signals tension and story depth.

Midnight Dock Lights

midnight dock lights gray blue color palette with hex codes
  • HEX Codes: #25313d, #4a5b6a, #7b8894, #b0b7be, #e1e4e8
  • Mood: Quiet, mysterious, and softly illuminated.
  • Use for: Perfect for night scenes, documentary b-roll, and slow cinematic pans.

Midnight Dock Lights moves from deep midnight Gray Blue (#25313d) through hazy mids to soft highlights (#e1e4e8). It feels like a dock at night with scattered reflections on the water, mysterious but still readable.

Apply this palette when grading night footage so shadows stay rich while midtones remain visible. It works beautifully for documentary b-roll, city-at-night sequences, and slow pans where subtle light sources and outlines matter more than bright color.

Deep Ocean Narratives

deep ocean narratives gray blue color palette with hex codes
  • HEX Codes: #23313f, #3f4f60, #6e7c8a, #a4aeb8
  • Mood: Reflective and immersive, like a slow dive underwater.
  • Use for: Use for documentaries, narrative shorts, and emotional voiceover segments.

Deep Ocean Narratives layers dark and mid Gray Blues to create an underwater, immersive feeling. The tonal steps from #23313f to #a4aeb8 let you sculpt depth, making backgrounds recede while faces and key subjects stand out.

Use it for introspective pieces, interviews, or voiceover-heavy edits. Combine it with soft lighting and minimal accent colors so viewers stay focused on the emotion and story carried by your narration.

Noir Skyline Fade

noir skyline fade gray blue color palette with hex codes
  • HEX Codes: #2b3642, #515e6b, #808a95, #bec4cb
  • Mood: Cinematic and urban, with subtle noir drama.
  • Use for: Great for city timelapses, crime or mystery themes, and stylish outros.

Noir Skyline Fade blends smoky Gray Blue tones that suit cityscapes and skyline silhouettes. It has a subtle noir drama without going fully black-and-white, which keeps your content stylish and modern.

Use this palette for city timelapses, map animations, or outros on true-crime or urban storytelling channels. Darker shades can serve as backgrounds for credits or end-screen elements, while lighter tones keep overlays legible.

Bright Fresh Gray Blue Color Palettes

Icy Lemon Breeze

icy lemon breeze gray blue color palette with hex codes
  • HEX Codes: #4c6072, #8da0ae, #f5f7fa, #ffe8a3
  • Mood: Fresh and uplifting, with a zesty accent.
  • Use for: Ideal for lifestyle vlogs, morning routines, and upbeat product content.

Icy Lemon Breeze balances cool Gray Blue tones with a soft lemon accent (#ffe8a3). The result feels clean and energizing, like a chilled drink on a bright morning. The Gray Blues keep your visuals professional, while the yellow adds just enough warmth to feel inviting.

Use the lemon shade as a highlight color for buttons, stickers, or key words in thumbnails, and lean on the Gray Blues for backgrounds and borders. This combination is excellent for wellness content, skincare routines, and cheerful yet minimal lifestyle vlogs.

Coastal Travel Vlog

coastal travel vlog gray blue color palette with hex codes
  • HEX Codes: #526679, #9fb2c0, #f3f6f9, #ffcfa8
  • Mood: Warmly coastal, balanced between cool sea and soft sun.
  • Use for: Use for travel vlogs, vacation recaps, and sunny cinematic b-roll.

Coastal Travel Vlog mixes airy sea-inspired Grays and Blues with a warm sand-and-sun accent (#ffcfa8). It brings a relaxed vacation feeling without clashing with skin tones or bright scenery.

Apply this palette to travel titles, map animations, and chapter cards. The Gray Blues frame your footage and keep it cohesive, while the warm accent can highlight destinations, dates, or call-to-action text in thumbnails and end screens.

Minimal Morning Routine

minimal morning routine gray blue color palette with hex codes
  • HEX Codes: #5a6c7d, #94a4b1, #e8edf2, #fdf7eb
  • Mood: Clean, light, and gently energizing.
  • Use for: Great for wellness content, daily routines, and brand intros with a calm but optimistic tone.

Minimal Morning Routine balances cool Gray Blue with warm, creamy off-whites (#fdf7eb). It feels like soft daylight in a tidy bedroom or kitchen: calm, clean, and slightly uplifting.

Use this palette for morning routines, meal prep, stretching or self-care content, and brand intros. Let the Gray Blues anchor text and icons, and keep your backgrounds light so thumbnails and titles stay readable even at small sizes.

Tips for Creating Gray Blue Color Palettes

Gray Blue is versatile, but the details matter if you want a palette that looks cinematic on screen and consistent across your thumbnails, intros, and overlays. Here are practical tips to shape your own Gray Blue combinations for video and design.

  • Pick a base Gray Blue first, then build lighter and darker variations around it so your palette can handle backgrounds, text, and accents without clashing.
  • Always check contrast: test light text on dark Gray Blue and dark text on pale Gray Blue to ensure your titles remain readable on phones and TVs.
  • Add one accent color only (like lemon, sand, or soft peach) to keep things cohesive. Use it sparingly for buttons, key words, or call-to-action graphics.
  • Match your palette to your content: softer, desaturated Gray Blues fit study, wellness, and cinematic travel; sharper, higher-contrast Gray Blues suit tech, news, and commentary.
  • In Filmora, save your chosen HEX codes as presets for titles, lower thirds, and background shapes so every new video automatically matches your brand.
  • Use color grading to nudge your footage toward your palette: cool the midtones slightly, adjust shadows toward blue or teal, and keep skin tones natural by protecting oranges in HSL.
  • Preview your palettes on sample thumbnails and short clips before committing, so you can see how Gray Blue behaves with your real footage and lighting.
  • For multi-platform branding, test your Gray Blue palette on YouTube, Instagram, and TikTok layouts to ensure it still looks balanced against each platform's UI.

Gray Blue color palettes can quietly transform your channel, adding calm polish to vlogs, cinematic weight to stories, and modern professionalism to tech or productivity content. With a few well-chosen HEX codes, your thumbnails, intros, overlays, and b-roll can all feel like they belong to the same visual world.

Use the palettes above as plug-and-play options or as starting points for your own variations. In Filmora, you can combine color grading, AI tools, and presets to keep your Gray Blue aesthetic consistent across every upload, from full-length videos to shorts and trailers.

The more intentionally you use color, the more recognizable your brand becomes. Experiment with these Gray Blue themes inside Filmora, tweak them to fit your style, and save your favorites as reusable presets for faster, more cohesive editing.

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

Next: Turquoise Blue Color Palette

Max Wales
Max Wales Nov 27, 25
Share article: